@ -1,11 +1,106 @@ |
|||||||
<template> |
<template> |
||||||
|
<view class="content"> |
||||||
|
<view class="content_item_box"> |
||||||
|
<view class="content_item"> |
||||||
<view class=""> |
<view class=""> |
||||||
456 |
任务名称: |
||||||
|
</view> |
||||||
|
<view class=""> |
||||||
|
{{list.taskType}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="content_item"> |
||||||
|
<view class=""> |
||||||
|
单位名称: |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class=""> |
||||||
|
{{list.company.companyName}} |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
<view class="content_item"> |
||||||
|
<view class=""> |
||||||
|
协助机构: |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class=""> |
||||||
|
<view class="" v-for="(item,k) in list.supervisors" :key="k"> |
||||||
|
{{item.name}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
</view> |
</view> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
|
export default { |
||||||
|
props: ['cid'], |
||||||
|
data() { |
||||||
|
return { |
||||||
|
list:{} |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
console.log(this.cid); |
||||||
|
this.list=this.cid |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style> |
<style lang="scss"> |
||||||
|
.content { |
||||||
|
height: 100%; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
padding: 0 20rpx; |
||||||
|
|
||||||
|
.content_item_box { |
||||||
|
flex: 1; |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
|
||||||
|
.content_item { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
padding: 20rpx 0; |
||||||
|
|
||||||
|
view { |
||||||
|
margin: 0 20rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.input { |
||||||
|
flex: 1; |
||||||
|
height: 60rpx; |
||||||
|
border: 2rpx solid #E4E7EC; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.button { |
||||||
|
display: flex; |
||||||
|
height: 150rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.checkbox-group, |
||||||
|
.radio-group { |
||||||
|
flex: 1; |
||||||
|
|
||||||
|
overflow: auto; |
||||||
|
|
||||||
|
.checkbox, |
||||||
|
.radio { |
||||||
|
margin-bottom: 10rpx; |
||||||
|
margin-right: 10rpx; |
||||||
|
|
||||||
|
radio { |
||||||
|
transform: scale(0.7); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
</style> |
</style> |
@ -0,0 +1,12 @@ |
|||||||
|
{ |
||||||
|
"name": "Jinan_app", |
||||||
|
"lockfileVersion": 2, |
||||||
|
"requires": true, |
||||||
|
"packages": { |
||||||
|
"node_modules/@escook/request-miniprogram": { |
||||||
|
"version": "0.2.1", |
||||||
|
"resolved": "https://registry.npmmirror.com/@escook/request-miniprogram/-/request-miniprogram-0.2.1.tgz", |
||||||
|
"integrity": "sha512-ueWV5YsaEm/ycQZuEjMiA88GFMhfBQSjy9GrP9omy4xAQajkGTbYIlnhzsDfWzRPmRC1fKmAiKMrCVcgS+SHcQ==" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,99 @@ |
|||||||
|
## 安装 |
||||||
|
|
||||||
|
```bash |
||||||
|
npm install @escook/request-miniprogram |
||||||
|
``` |
||||||
|
|
||||||
|
## 导入 |
||||||
|
|
||||||
|
```js |
||||||
|
// 按需导入 $http 对象 |
||||||
|
import { $http } from '@escook/request-miniprogram' |
||||||
|
|
||||||
|
// 将按需导入的 $http 挂载到 wx 顶级对象之上,方便全局调用 |
||||||
|
wx.$http = $http |
||||||
|
|
||||||
|
// 在 uni-app 项目中,可以把 $http 挂载到 uni 顶级对象之上,方便全局调用 |
||||||
|
uni.$http = $http |
||||||
|
``` |
||||||
|
|
||||||
|
## 使用 |
||||||
|
|
||||||
|
### 支持的请求方法 |
||||||
|
|
||||||
|
```js |
||||||
|
// 发起 GET 请求,data 是可选的参数对象 |
||||||
|
$http.get(url, data?) |
||||||
|
|
||||||
|
// 发起 POST 请求,data 是可选的参数对象 |
||||||
|
$http.post(url, data?) |
||||||
|
|
||||||
|
// 发起 PUT 请求,data 是可选的参数对象 |
||||||
|
$http.put(url, data?) |
||||||
|
|
||||||
|
// 发起 DELETE 请求,data 是可选的参数对象 |
||||||
|
$http.delete(url, data?) |
||||||
|
``` |
||||||
|
|
||||||
|
### 配置请求根路径 |
||||||
|
|
||||||
|
```js |
||||||
|
$http.baseUrl = 'https://www.example.com' |
||||||
|
``` |
||||||
|
|
||||||
|
### 请求拦截器 |
||||||
|
|
||||||
|
```js |
||||||
|
// 请求开始之前做一些事情 |
||||||
|
$http.beforeRequest = function (options) { |
||||||
|
// do somethimg... |
||||||
|
} |
||||||
|
``` |
||||||
|
|
||||||
|
例 1,展示 loading 效果: |
||||||
|
|
||||||
|
```js |
||||||
|
// 请求开始之前做一些事情 |
||||||
|
$http.beforeRequest = function (options) { |
||||||
|
wx.showLoading({ |
||||||
|
title: '数据加载中...', |
||||||
|
}) |
||||||
|
} |
||||||
|
``` |
||||||
|
|
||||||
|
例 2,自定义 header 请求头: |
||||||
|
|
||||||
|
```js |
||||||
|
// 请求开始之前做一些事情 |
||||||
|
$http.beforeRequest = function (options) { |
||||||
|
if (options.url.indexOf('/home/catitems') !== -1) { |
||||||
|
options.header = { |
||||||
|
'X-Test': 'AAA', |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
``` |
||||||
|
|
||||||
|
### 响应拦截器 |
||||||
|
|
||||||
|
```js |
||||||
|
// 请求完成之后做一些事情 |
||||||
|
$http.afterRequest = function () { |
||||||
|
// do something... |
||||||
|
} |
||||||
|
``` |
||||||
|
|
||||||
|
例如,隐藏 loading 效果: |
||||||
|
|
||||||
|
```js |
||||||
|
// 请求完成之后做一些事情 |
||||||
|
$http.afterRequest = function () { |
||||||
|
wx.hideLoading() |
||||||
|
} |
||||||
|
``` |
||||||
|
|
||||||
|
## 开源协议 |
||||||
|
|
||||||
|
![MIT](https://img.shields.io/badge/License-MIT-blue) |
||||||
|
|
||||||
|
**enjoy!** |
@ -0,0 +1,73 @@ |
|||||||
|
class Request { |
||||||
|
constructor(options = {}) { |
||||||
|
// 请求的根路径
|
||||||
|
this.baseUrl = options.baseUrl || '' |
||||||
|
// 请求的 url 地址
|
||||||
|
this.url = options.url || '' |
||||||
|
// 请求方式
|
||||||
|
this.method = 'GET' |
||||||
|
// 请求的参数对象
|
||||||
|
this.data = null |
||||||
|
// header 请求头
|
||||||
|
this.header = options.header || {} |
||||||
|
this.beforeRequest = null |
||||||
|
this.afterRequest = null |
||||||
|
} |
||||||
|
|
||||||
|
get(url, data = {}) { |
||||||
|
this.method = 'GET' |
||||||
|
this.url = this.baseUrl + url |
||||||
|
this.data = data |
||||||
|
return this._() |
||||||
|
} |
||||||
|
|
||||||
|
post(url, data = {}) { |
||||||
|
this.method = 'POST' |
||||||
|
this.url = this.baseUrl + url |
||||||
|
this.data = data |
||||||
|
return this._() |
||||||
|
} |
||||||
|
|
||||||
|
put(url, data = {}) { |
||||||
|
this.method = 'PUT' |
||||||
|
this.url = this.baseUrl + url |
||||||
|
this.data = data |
||||||
|
return this._() |
||||||
|
} |
||||||
|
|
||||||
|
delete(url, data = {}) { |
||||||
|
this.method = 'DELETE' |
||||||
|
this.url = this.baseUrl + url |
||||||
|
this.data = data |
||||||
|
return this._() |
||||||
|
} |
||||||
|
|
||||||
|
_() { |
||||||
|
// 清空 header 对象
|
||||||
|
this.header = {} |
||||||
|
// 请求之前做一些事
|
||||||
|
this.beforeRequest && typeof this.beforeRequest === 'function' && this.beforeRequest(this) |
||||||
|
// 发起请求
|
||||||
|
return new Promise((resolve, reject) => { |
||||||
|
let weixin = wx |
||||||
|
// 适配 uniapp
|
||||||
|
if ('undefined' !== typeof uni) { |
||||||
|
weixin = uni |
||||||
|
} |
||||||
|
weixin.request({ |
||||||
|
url: this.url, |
||||||
|
method: this.method, |
||||||
|
data: this.data, |
||||||
|
header: this.header, |
||||||
|
success: (res) => { resolve(res) }, |
||||||
|
fail: (err) => { reject(err) }, |
||||||
|
complete: (res) => { |
||||||
|
// 请求完成以后做一些事情
|
||||||
|
this.afterRequest && typeof this.afterRequest === 'function' && this.afterRequest(res) |
||||||
|
} |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
export const $http = new Request() |
@ -0,0 +1,23 @@ |
|||||||
|
{ |
||||||
|
"name": "@escook/request-miniprogram", |
||||||
|
"version": "0.2.1", |
||||||
|
"description": "基于 Promise 的小程序网路请求库", |
||||||
|
"main": "miniprogram_dist/index.js", |
||||||
|
"miniprogram": "miniprogram_dist", |
||||||
|
"scripts": {}, |
||||||
|
"keywords": [ |
||||||
|
"request", |
||||||
|
"miniprogram", |
||||||
|
"wx", |
||||||
|
"weixin" |
||||||
|
], |
||||||
|
"repository": { |
||||||
|
"type": "git", |
||||||
|
"url": "git@github.com:liulongbin1314/request-miniprogram.git" |
||||||
|
}, |
||||||
|
"bugs": { |
||||||
|
"url": "https://github.com/liulongbin1314/request-miniprogram/issues" |
||||||
|
}, |
||||||
|
"author": "LiuLongBin", |
||||||
|
"license": "MIT" |
||||||
|
} |
@ -0,0 +1,24 @@ |
|||||||
|
{ |
||||||
|
"name": "Jinan_app", |
||||||
|
"lockfileVersion": 2, |
||||||
|
"requires": true, |
||||||
|
"packages": { |
||||||
|
"": { |
||||||
|
"dependencies": { |
||||||
|
"@escook/request-miniprogram": "^0.2.1" |
||||||
|
} |
||||||
|
}, |
||||||
|
"node_modules/@escook/request-miniprogram": { |
||||||
|
"version": "0.2.1", |
||||||
|
"resolved": "https://registry.npmmirror.com/@escook/request-miniprogram/-/request-miniprogram-0.2.1.tgz", |
||||||
|
"integrity": "sha512-ueWV5YsaEm/ycQZuEjMiA88GFMhfBQSjy9GrP9omy4xAQajkGTbYIlnhzsDfWzRPmRC1fKmAiKMrCVcgS+SHcQ==" |
||||||
|
} |
||||||
|
}, |
||||||
|
"dependencies": { |
||||||
|
"@escook/request-miniprogram": { |
||||||
|
"version": "0.2.1", |
||||||
|
"resolved": "https://registry.npmmirror.com/@escook/request-miniprogram/-/request-miniprogram-0.2.1.tgz", |
||||||
|
"integrity": "sha512-ueWV5YsaEm/ycQZuEjMiA88GFMhfBQSjy9GrP9omy4xAQajkGTbYIlnhzsDfWzRPmRC1fKmAiKMrCVcgS+SHcQ==" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,5 @@ |
|||||||
|
{ |
||||||
|
"dependencies": { |
||||||
|
"@escook/request-miniprogram": "^0.2.1" |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,148 @@ |
|||||||
|
<template> |
||||||
|
<view class=""> |
||||||
|
<image @click="chooseImage" :src="age.imgShow" class="toux" mode=""></image> |
||||||
|
<input v-model="age.text" type="text"> |
||||||
|
<button @tap="aaa()">aaa</button> |
||||||
|
<button @tap="bbb()">bbb</button> |
||||||
|
<uni-section title="只选择图片" type="line"> |
||||||
|
<view class="example-body"> |
||||||
|
<uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker> |
||||||
|
</view> |
||||||
|
</uni-section> |
||||||
|
<!-- <uni-file-picker v-model="age.imgShow" fileMediatype="image" mode="grid" @select="select" @progress="progress" |
||||||
|
@success="success" @fail="fail" /> --> |
||||||
|
<image @click="chooseImage" :src="api+fi" class="toux" mode=""></image> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
api: this.$config.api+"/api/Objects/integration/", |
||||||
|
isAuth: false, |
||||||
|
imgShow: '', |
||||||
|
age: { |
||||||
|
imgShow: '', |
||||||
|
text: '', |
||||||
|
}, |
||||||
|
fi:"", |
||||||
|
imageStyles: { |
||||||
|
width: 64, |
||||||
|
height: 64, |
||||||
|
border: { |
||||||
|
radius: '50%' |
||||||
|
} |
||||||
|
}, |
||||||
|
listStyles: { |
||||||
|
// 是否显示边框 |
||||||
|
border: true, |
||||||
|
// 是否显示分隔线 |
||||||
|
dividline: true, |
||||||
|
// 线条样式 |
||||||
|
borderStyle: { |
||||||
|
width: 1, |
||||||
|
color: 'blue', |
||||||
|
style: 'dashed', |
||||||
|
radius: 2 |
||||||
|
} |
||||||
|
}, |
||||||
|
fileLists: [{ |
||||||
|
url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg', |
||||||
|
extname: 'png', |
||||||
|
name: 'shuijiao.png' |
||||||
|
}, { |
||||||
|
url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg', |
||||||
|
extname: 'png', |
||||||
|
name: 'uniapp-logo.png' |
||||||
|
}, { |
||||||
|
url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg', |
||||||
|
extname: 'png', |
||||||
|
name: 'shuijiao.png' |
||||||
|
}] |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
console.log(this.api); |
||||||
|
|
||||||
|
if (uni.getStorageSync('aabb')) { |
||||||
|
this.age = uni.getStorageSync('aabb') |
||||||
|
console.log(this.age); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
methods: { |
||||||
|
chooseImage() { |
||||||
|
var _this = this |
||||||
|
uni.chooseImage({ |
||||||
|
count: 1, //默认9 |
||||||
|
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有 |
||||||
|
sourceType: ['album', 'camera'], //从相册选择、摄像头 |
||||||
|
success: function(res) { |
||||||
|
_this.age.imgShow = res.tempFilePaths[0] |
||||||
|
} |
||||||
|
}); |
||||||
|
// ass() |
||||||
|
}, |
||||||
|
aaa() { |
||||||
|
uni.setStorageSync('aabb', this.age) |
||||||
|
|
||||||
|
}, |
||||||
|
bbb() { |
||||||
|
this.$request.uploadFile(this.age.imgShow, (data, res) => { |
||||||
|
console.log(data, res); |
||||||
|
this.fi=res.objectName |
||||||
|
}) |
||||||
|
}, |
||||||
|
select(e) { |
||||||
|
console.log('选择文件:', e) |
||||||
|
}, |
||||||
|
// 获取上传进度 |
||||||
|
progress(e) { |
||||||
|
console.log('上传进度:', e) |
||||||
|
}, |
||||||
|
|
||||||
|
// 上传成功 |
||||||
|
success(e) { |
||||||
|
console.log('上传成功') |
||||||
|
}, |
||||||
|
|
||||||
|
// 上传失败 |
||||||
|
fail(e) { |
||||||
|
console.log('上传失败:', e) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
.camera { |
||||||
|
width: 430rpx; |
||||||
|
height: 430rpx; |
||||||
|
border-radius: 50%; |
||||||
|
margin: 20px auto 0; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
|
||||||
|
.camera image { |
||||||
|
position: absolute; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
z-index: 10; |
||||||
|
} |
||||||
|
|
||||||
|
.camera camera { |
||||||
|
width: 428rpx; |
||||||
|
height: 428rpx; |
||||||
|
} |
||||||
|
|
||||||
|
button.takePhoto:not([size='mini']) { |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
width: 100vw; |
||||||
|
height: 90rpx; |
||||||
|
border-radius: 0; |
||||||
|
} |
||||||
|
</style> |
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 89 KiB After Width: | Height: | Size: 28 KiB |
Before Width: | Height: | Size: 89 KiB After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 8.7 KiB |
After Width: | Height: | Size: 8.6 KiB |
@ -0,0 +1,20 @@ |
|||||||
|
## 1.0.9(2022-07-28) |
||||||
|
- 完善是否创建新条目功能,并将默认值改为允许 |
||||||
|
## 1.0.8(2022-07-26) |
||||||
|
- 新增禁用选项和是否创建新条目功能,新增disabledColor和isAllowCreate属性 |
||||||
|
## 1.0.7(2022-05-05) |
||||||
|
- 解决传入JSON数组后,在模糊匹配项中进行选择,@select事件返回值为undefined且报错的问题 |
||||||
|
## 1.0.6(2022-03-24) |
||||||
|
- 新增@select事件 |
||||||
|
## 1.0.5(2022-03-22) |
||||||
|
- 修改文档 |
||||||
|
## 1.0.4(2022-03-18) |
||||||
|
- 新增isJSON和keyName属性,candidates支持JSON数组格式 |
||||||
|
## 1.0.3(2022-03-01) |
||||||
|
- 调整为uni_modules目录规范 |
||||||
|
## 1.0.2(2022-03-01) |
||||||
|
- 基于官方uni-combox组件,解决选择后再次选择不展示全部选项的问题,同时新增选中项默认的文字和背景颜色,也可自定义进行样式覆盖 |
||||||
|
## 1.0.1(2022-03-01) |
||||||
|
- 无 |
||||||
|
## 1.0.0(2022-03-01) |
||||||
|
- 无 |
@ -0,0 +1,402 @@ |
|||||||
|
<template> |
||||||
|
<view class="superwei-combox" :class="border ? '' : 'superwei-combox__no-border'"> |
||||||
|
<view v-if="label" class="superwei-combox__label" :style="labelStyle"> |
||||||
|
<text>{{label}}</text> |
||||||
|
</view> |
||||||
|
<view class="superwei-combox__input-box"> |
||||||
|
<input class="superwei-combox__input" type="text" :placeholder="placeholder" |
||||||
|
placeholder-class="superwei-combox__input-plac" v-model="inputVal" @input="onInput" @focus="onFocus" |
||||||
|
@blur="onBlur" /> |
||||||
|
<uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" @click="toggleSelector"> |
||||||
|
</uni-icons> |
||||||
|
</view> |
||||||
|
<view class="superwei-combox__selector" v-if="showSelector"> |
||||||
|
<view class="uni-popper__arrow"></view> |
||||||
|
<scroll-view scroll-y="true" class="superwei-combox__selector-scroll"> |
||||||
|
<view class="superwei-combox__selector-empty" v-if="filterCandidatesLength === 0"> |
||||||
|
<text>{{emptyTips}}</text> |
||||||
|
</view> |
||||||
|
<view class="superwei-combox__selector-item" v-for="(item,index) in filterCandidates" :key="index"> |
||||||
|
<template v-if="(isJSON?(item.disabled?true:false):false)"> |
||||||
|
<text |
||||||
|
:style="'color:'+disabledColor+';cursor: not-allowed;'">{{isJSON?item[keyName]?item[keyName]:'字段'+keyName+'不存在':item}}</text> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<text @click="onSelectorClick(index)" |
||||||
|
:style="(isJSON?item[keyName]?item[keyName]==inputVal:false:item==inputVal)?'font-weight: bold;background-color: '+selectedBackground+';color: '+selectedColor:''">{{isJSON?item[keyName]?item[keyName]:'字段'+keyName+'不存在':item}}</text> |
||||||
|
</template> |
||||||
|
</view> |
||||||
|
</scroll-view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
/** |
||||||
|
* Combox 组合输入框 |
||||||
|
* @description 组合输入框一般用于既可以输入也可以选择的场景 |
||||||
|
* @property {String} label 左侧文字 |
||||||
|
* @property {String} labelWidth 左侧内容宽度 |
||||||
|
* @property {String} placeholder 输入框占位符 |
||||||
|
* @property {Array} candidates 候选项列表 |
||||||
|
* @property {String} emptyTips 筛选结果为空时显示的文字 |
||||||
|
* @property {String} value 组合框的值 |
||||||
|
* @property {String} selectedBackground 选中项背景颜色 |
||||||
|
* @property {String} selectedColor 选中项文字颜色 |
||||||
|
* @property {Boolean} isJSON 是否是json数组 |
||||||
|
* @property {String} keyName json数组显示的字段值 |
||||||
|
* @property {String} disabledColor 禁用项文字颜色 |
||||||
|
* @property {Boolean} isAllowCreate 是否允许用户创建新条目 |
||||||
|
*/ |
||||||
|
export default { |
||||||
|
name: 'superweiCombox', |
||||||
|
emits: ['input', 'update:modelValue', 'select'], |
||||||
|
props: { |
||||||
|
isAllowCreate: { |
||||||
|
type: Boolean, |
||||||
|
default: true |
||||||
|
}, |
||||||
|
disabledColor: { |
||||||
|
type: String, |
||||||
|
default: '#ababac' |
||||||
|
}, |
||||||
|
isJSON: { |
||||||
|
type: Boolean, |
||||||
|
default: false |
||||||
|
}, |
||||||
|
keyName: { |
||||||
|
type: String, |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
selectedBackground: { |
||||||
|
type: String, |
||||||
|
default: '#f5f7fa' |
||||||
|
}, |
||||||
|
selectedColor: { |
||||||
|
type: String, |
||||||
|
default: '#409eff' |
||||||
|
}, |
||||||
|
border: { |
||||||
|
type: Boolean, |
||||||
|
default: true |
||||||
|
}, |
||||||
|
label: { |
||||||
|
type: String, |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
labelWidth: { |
||||||
|
type: String, |
||||||
|
default: 'auto' |
||||||
|
}, |
||||||
|
placeholder: { |
||||||
|
type: String, |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
candidates: { |
||||||
|
type: Array, |
||||||
|
default () { |
||||||
|
return [] |
||||||
|
} |
||||||
|
}, |
||||||
|
emptyTips: { |
||||||
|
type: String, |
||||||
|
default: '无匹配项' |
||||||
|
}, |
||||||
|
// #ifndef VUE3 |
||||||
|
value: { |
||||||
|
type: [String, Number], |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
// #ifdef VUE3 |
||||||
|
modelValue: { |
||||||
|
type: [String, Number], |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
isInput: false, |
||||||
|
showSelector: false, |
||||||
|
isSelector: false, |
||||||
|
inputVal: '' |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
labelStyle() { |
||||||
|
if (this.labelWidth === 'auto') { |
||||||
|
return "" |
||||||
|
} |
||||||
|
return `width: ${this.labelWidth}` |
||||||
|
}, |
||||||
|
filterCandidates() { |
||||||
|
if (this.isInput) { |
||||||
|
if (this.isJSON) { |
||||||
|
return this.candidates.filter((item) => { |
||||||
|
return item[this.keyName].toString().indexOf(this.inputVal) > -1 |
||||||
|
}) |
||||||
|
} else { |
||||||
|
return this.candidates.filter((item) => { |
||||||
|
return item.toString().indexOf(this.inputVal) > -1 |
||||||
|
}) |
||||||
|
} |
||||||
|
} else { |
||||||
|
return this.candidates |
||||||
|
} |
||||||
|
}, |
||||||
|
filterCandidatesLength() { |
||||||
|
return this.filterCandidates.length |
||||||
|
} |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
// #ifndef VUE3 |
||||||
|
value: { |
||||||
|
handler(newVal) { |
||||||
|
this.inputVal = newVal |
||||||
|
this.isInput = true |
||||||
|
}, |
||||||
|
immediate: true |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
// #ifdef VUE3 |
||||||
|
modelValue: { |
||||||
|
handler(newVal) { |
||||||
|
this.inputVal = newVal |
||||||
|
this.isInput = true |
||||||
|
}, |
||||||
|
immediate: true |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
toggleSelector() { |
||||||
|
this.showSelector = !this.showSelector |
||||||
|
this.isInput = false |
||||||
|
}, |
||||||
|
onFocus() { |
||||||
|
this.showSelector = true |
||||||
|
this.isInput = false |
||||||
|
}, |
||||||
|
onChange() { |
||||||
|
setTimeout(() => { |
||||||
|
// this.showSelector = false |
||||||
|
this.isInput = false |
||||||
|
}, 200) |
||||||
|
}, |
||||||
|
onBlur() { |
||||||
|
if (!this.isInput) { |
||||||
|
this.onChange() |
||||||
|
} else { |
||||||
|
if (this.inputVal && !this.isAllowCreate) { |
||||||
|
let index = this.candidates.findIndex((item) => { |
||||||
|
if (this.isJSON) { |
||||||
|
return item[this.keyName].toString() == this.inputVal && !item.disabled |
||||||
|
} else { |
||||||
|
return item.toString() == this.inputVal |
||||||
|
} |
||||||
|
}) |
||||||
|
if (index == -1) { |
||||||
|
if (this.filterCandidatesLength > 0) { |
||||||
|
setTimeout(() => { |
||||||
|
this.showSelector = false |
||||||
|
this.isInput = false |
||||||
|
if (!this.isSelector) { |
||||||
|
this.inputVal = '' |
||||||
|
this.$emit('input', this.inputVal) |
||||||
|
this.$emit('update:modelValue', this.inputVal) |
||||||
|
} |
||||||
|
}, 200) |
||||||
|
this.isSelector = false |
||||||
|
} else { |
||||||
|
this.showSelector = false |
||||||
|
this.isInput = false |
||||||
|
this.inputVal = '' |
||||||
|
this.$emit('input', this.inputVal) |
||||||
|
this.$emit('update:modelValue', this.inputVal) |
||||||
|
} |
||||||
|
} else { |
||||||
|
this.onChange() |
||||||
|
} |
||||||
|
} else { |
||||||
|
this.onChange() |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
onSelectorClick(index) { |
||||||
|
let item = this.filterCandidates[index] |
||||||
|
if (this.isJSON) { |
||||||
|
this.inputVal = item[this.keyName] |
||||||
|
} else { |
||||||
|
this.inputVal = item |
||||||
|
} |
||||||
|
this.showSelector = false |
||||||
|
this.isSelector = true |
||||||
|
this.$emit('input', this.inputVal) |
||||||
|
this.$emit('update:modelValue', this.inputVal) |
||||||
|
this.$emit('select', item) |
||||||
|
}, |
||||||
|
onInput() { |
||||||
|
setTimeout(() => { |
||||||
|
this.$emit('input', this.inputVal) |
||||||
|
this.$emit('update:modelValue', this.inputVal) |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@media only screen and (max-width: 999px) { |
||||||
|
|
||||||
|
/* 针对手机: */ |
||||||
|
.superwei-combox { |
||||||
|
font-size: 14px; |
||||||
|
border: 0px solid #12b7f5; |
||||||
|
border-radius: 4px; |
||||||
|
padding: 6px 10px; |
||||||
|
position: relative; |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
display: flex; |
||||||
|
/* #endif */ |
||||||
|
// height: 40px; |
||||||
|
flex-direction: row; |
||||||
|
align-items: center; |
||||||
|
// border-bottom: solid 1px #DDDDDD; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@media only screen and (min-width: 1000px) { |
||||||
|
|
||||||
|
/* 针对手机: */ |
||||||
|
.superwei-combox { |
||||||
|
font-size: 14px; |
||||||
|
border: 2px solid #12b7f5; |
||||||
|
border-radius: 4px; |
||||||
|
padding: 6px 10px; |
||||||
|
position: relative; |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
display: flex; |
||||||
|
/* #endif */ |
||||||
|
// height: 40px; |
||||||
|
flex-direction: row; |
||||||
|
align-items: center; |
||||||
|
// border-bottom: solid 1px #DDDDDD; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__label { |
||||||
|
font-size: 16px; |
||||||
|
line-height: 22px; |
||||||
|
padding-right: 10px; |
||||||
|
color: #999999; |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__input-box { |
||||||
|
position: relative; |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
display: flex; |
||||||
|
/* #endif */ |
||||||
|
flex: 1; |
||||||
|
flex-direction: row; |
||||||
|
align-items: center; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__input { |
||||||
|
flex: 1; |
||||||
|
font-size: 14px; |
||||||
|
height: 22px; |
||||||
|
line-height: 22px; |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__input-plac { |
||||||
|
font-size: 14px; |
||||||
|
color: #ccc; //placeholder-style="color:#FFFFFF" |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__selector { |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
box-sizing: border-box; |
||||||
|
/* #endif */ |
||||||
|
position: absolute; |
||||||
|
top: calc(100% + 12px); |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
background-color: #FFFFFF; |
||||||
|
border: 1px solid #EBEEF5; |
||||||
|
border-radius: 6px; |
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
z-index: 2; |
||||||
|
padding: 4px 0; |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__selector-scroll { |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
max-height: 200px; |
||||||
|
box-sizing: border-box; |
||||||
|
/* #endif */ |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__selector-empty, |
||||||
|
.superwei-combox__selector-item { |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
display: flex; |
||||||
|
cursor: pointer; |
||||||
|
/* #endif */ |
||||||
|
line-height: 36px; |
||||||
|
font-size: 14px; |
||||||
|
text-align: center; |
||||||
|
// border-bottom: solid 1px #DDDDDD; |
||||||
|
padding: 0px 0px; |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__selector-empty text, |
||||||
|
.superwei-combox__selector-item text { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__selector-item:hover { |
||||||
|
background-color: #f9f9f9; |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__selector-empty:last-child, |
||||||
|
.superwei-combox__selector-item:last-child { |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
border-bottom: none; |
||||||
|
/* #endif */ |
||||||
|
} |
||||||
|
|
||||||
|
// picker 弹出层通用的指示小三角 |
||||||
|
.uni-popper__arrow, |
||||||
|
.uni-popper__arrow::after { |
||||||
|
position: absolute; |
||||||
|
display: block; |
||||||
|
width: 0; |
||||||
|
height: 0; |
||||||
|
border-color: transparent; |
||||||
|
border-style: solid; |
||||||
|
border-width: 6px; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-popper__arrow { |
||||||
|
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); |
||||||
|
top: -6px; |
||||||
|
left: 10%; |
||||||
|
margin-right: 3px; |
||||||
|
border-top-width: 0; |
||||||
|
border-bottom-color: #EBEEF5; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-popper__arrow::after { |
||||||
|
content: " "; |
||||||
|
top: 1px; |
||||||
|
margin-left: -6px; |
||||||
|
border-top-width: 0; |
||||||
|
border-bottom-color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
.superwei-combox__no-border { |
||||||
|
border: none; |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,89 @@ |
|||||||
|
{ |
||||||
|
"id": "superwei-combox", |
||||||
|
"displayName": "superwei-combox 组合框", |
||||||
|
"version": "1.0.9", |
||||||
|
"description": "下拉搜索选择组合框,基于官方uni-combox组件,解决选择后再次选择不展示全部选项的问题,支持模糊搜索和JSON数组格式,可设置选中项文字和背景颜色(若使用请一定下载uni_modules版本)", |
||||||
|
"keywords": [ |
||||||
|
"combox", |
||||||
|
"组合框", |
||||||
|
"select", |
||||||
|
"下拉选择", |
||||||
|
"搜索选择" |
||||||
|
], |
||||||
|
"repository": "", |
||||||
|
"engines": { |
||||||
|
}, |
||||||
|
"directories": { |
||||||
|
"example": "../../temps/example_temps" |
||||||
|
}, |
||||||
|
"dcloudext": { |
||||||
|
"category": [ |
||||||
|
"前端组件", |
||||||
|
"通用组件" |
||||||
|
], |
||||||
|
"sale": { |
||||||
|
"regular": { |
||||||
|
"price": "0.00" |
||||||
|
}, |
||||||
|
"sourcecode": { |
||||||
|
"price": "0.00" |
||||||
|
} |
||||||
|
}, |
||||||
|
"contact": { |
||||||
|
"qq": "" |
||||||
|
}, |
||||||
|
"declaration": { |
||||||
|
"ads": "无", |
||||||
|
"data": "无", |
||||||
|
"permissions": "无" |
||||||
|
}, |
||||||
|
"npmurl": "" |
||||||
|
}, |
||||||
|
"uni_modules": { |
||||||
|
"dependencies": [ |
||||||
|
"uni-scss", |
||||||
|
"uni-icons" |
||||||
|
], |
||||||
|
"encrypt": [], |
||||||
|
"platforms": { |
||||||
|
"cloud": { |
||||||
|
"tcb": "y", |
||||||
|
"aliyun": "y" |
||||||
|
}, |
||||||
|
"client": { |
||||||
|
"App": { |
||||||
|
"app-vue": "y", |
||||||
|
"app-nvue": "n" |
||||||
|
}, |
||||||
|
"H5-mobile": { |
||||||
|
"Safari": "y", |
||||||
|
"Android Browser": "y", |
||||||
|
"微信浏览器(Android)": "y", |
||||||
|
"QQ浏览器(Android)": "y" |
||||||
|
}, |
||||||
|
"H5-pc": { |
||||||
|
"Chrome": "y", |
||||||
|
"IE": "y", |
||||||
|
"Edge": "y", |
||||||
|
"Firefox": "y", |
||||||
|
"Safari": "y" |
||||||
|
}, |
||||||
|
"小程序": { |
||||||
|
"微信": "y", |
||||||
|
"阿里": "y", |
||||||
|
"百度": "y", |
||||||
|
"字节跳动": "y", |
||||||
|
"QQ": "y" |
||||||
|
}, |
||||||
|
"快应用": { |
||||||
|
"华为": "u", |
||||||
|
"联盟": "u" |
||||||
|
}, |
||||||
|
"Vue": { |
||||||
|
"vue2": "y", |
||||||
|
"vue3": "y" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,77 @@ |
|||||||
|
## 基本用法 |
||||||
|
在 ``template`` 中使用组件 |
||||||
|
```html |
||||||
|
<superwei-combox :candidates="candidates" placeholder="请选择或输入" v-model="inputValue" @input="input" @select="select"></superwei-combox> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
candidates: ['选项一','选项二','选项三','选项四','...'] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
input(e){ |
||||||
|
console.log(e) // 选项一 |
||||||
|
}, |
||||||
|
select(e){ |
||||||
|
console.log(e) // 选项一 |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<superwei-combox :candidates="candidates" :isJSON="true" keyName="name" placeholder="请选择或输入" v-model="inputValue" @input="input" @select="select"></superwei-combox> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
candidates: [{ |
||||||
|
id: '1', |
||||||
|
name: '选项一' |
||||||
|
}, { |
||||||
|
id: '2', |
||||||
|
name: '选项二', |
||||||
|
disabled: true // 单独设置disabled后即可禁用该选项 |
||||||
|
}, { |
||||||
|
id: '3', |
||||||
|
name: '...' |
||||||
|
}] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
input(e){ |
||||||
|
console.log(e) // 选项一 |
||||||
|
}, |
||||||
|
select(e){ |
||||||
|
console.log(e) // {id: '1',name: '选项一'} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
``` |
||||||
|
|
||||||
|
## API |
||||||
|
|
||||||
|
### Combox Props |
||||||
|
|
||||||
|
|属性名 |类型 |默认值 |说明 | |
||||||
|
|:-: |:-: |:-: |:-: | |
||||||
|
|label |String |- |标签文字 | |
||||||
|
|value |String |- |combox的值 | |
||||||
|
|labelWidth |String |auto |标签宽度,有单位字符串,如:'100px' | |
||||||
|
|placeholder|String |- |输入框占位符 | |
||||||
|
|candidates |Array/String |[] |候选字段 | |
||||||
|
|emptyTips |String |无匹配项 |无匹配项时的提示语 | |
||||||
|
|selectedBackground |String |#f5f7fa |选中项背景颜色 | |
||||||
|
|selectedColor |String |#409eff |选中项文字颜色 | |
||||||
|
|isJSON |Boolean |false |候选字段是否是json数组 | |
||||||
|
|keyName |String |- |json数组显示的字段值 | |
||||||
|
|disabledColor |String |#ababac |禁用项文字颜色 | |
||||||
|
|isAllowCreate |Boolean |true |是否允许用户创建新条目 | |
||||||
|
|
||||||
|
### Combox Events |
||||||
|
|
||||||
|
|事件称名 |说明 |返回值 | |
||||||
|
|:-: |:-: |:-: | |
||||||
|
|@input |combox输入事件 |返回combox输入值| |
||||||
|
|@select|combox选择事件 |返回combox选项值| |
@ -0,0 +1,15 @@ |
|||||||
|
## 1.0.1(2021-11-23) |
||||||
|
- 优化 label、label-width 属性 |
||||||
|
## 1.0.0(2021-11-19) |
||||||
|
- 优化 组件UI,并提供设计资源,详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource) |
||||||
|
- 文档迁移,详见:[https://uniapp.dcloud.io/component/uniui/uni-combox](https://uniapp.dcloud.io/component/uniui/uni-combox) |
||||||
|
## 0.1.0(2021-07-30) |
||||||
|
- 组件兼容 vue3,如何创建vue3项目,详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834) |
||||||
|
## 0.0.6(2021-05-12) |
||||||
|
- 新增 组件示例地址 |
||||||
|
## 0.0.5(2021-04-21) |
||||||
|
- 优化 添加依赖 uni-icons, 导入后自动下载依赖 |
||||||
|
## 0.0.4(2021-02-05) |
||||||
|
- 优化 组件引用关系,通过uni_modules引用组件 |
||||||
|
## 0.0.3(2021-02-04) |
||||||
|
- 调整为uni_modules目录规范 |
@ -0,0 +1,335 @@ |
|||||||
|
<template> |
||||||
|
<view class="uni-combox" :class="border ? '' : 'uni-combox__no-border'"> |
||||||
|
<view class="uni-combox__selector" v-if="showSelector"> |
||||||
|
<view class="uni-popper__arrow"></view> |
||||||
|
<scroll-view scroll-y="true" class="uni-combox__selector-scroll"> |
||||||
|
<view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0"> |
||||||
|
<text>{{emptyTips}}</text> |
||||||
|
</view> |
||||||
|
<view class="uni-combox__selector-item" v-for="(item,index) in filterCandidates" :key="index" |
||||||
|
@click="onSelectorClick(index)"> |
||||||
|
<text>{{item[`${labelKey}`]}}</text> |
||||||
|
</view> |
||||||
|
</scroll-view> |
||||||
|
</view> |
||||||
|
<view v-if="false" class="uni-combox__label" :style="labelStyle"> |
||||||
|
<text>{{label}}</text> |
||||||
|
</view> |
||||||
|
<view class="uni-combox__input-box"> |
||||||
|
<input class="uni-combox__input" type="text" :placeholder="placeholder" |
||||||
|
placeholder-class="uni-combox__input-plac" v-model="inputVal" @input="onInput" @focus="onFocus" |
||||||
|
@blur="onBlur" /> |
||||||
|
<uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" @click="toggleSelector"> |
||||||
|
</uni-icons> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
/** |
||||||
|
* Combox 组合输入框 |
||||||
|
* @description 组合输入框一般用于既可以输入也可以选择的场景 |
||||||
|
* @tutorial https://ext.dcloud.net.cn/plugin?id=1261 |
||||||
|
* @property {String} label 左侧文字 |
||||||
|
* @property {String} labelWidth 左侧内容宽度 |
||||||
|
* @property {String} placeholder 输入框占位符 |
||||||
|
* @property {Array} candidates 候选项列表 |
||||||
|
* @property {String} emptyTips 筛选结果为空时显示的文字 |
||||||
|
* @property {String} value 组合框的值 |
||||||
|
*/ |
||||||
|
export default { |
||||||
|
name: 'uniCombox', |
||||||
|
emits: ['input', 'update:modelValue'], |
||||||
|
props: { |
||||||
|
border: { |
||||||
|
type: Boolean, |
||||||
|
default: true |
||||||
|
}, |
||||||
|
label: { |
||||||
|
type: String, |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
labelWidth: { |
||||||
|
type: String, |
||||||
|
default: 'auto' |
||||||
|
}, |
||||||
|
placeholder: { |
||||||
|
type: String, |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
candidates: { |
||||||
|
type: Array, |
||||||
|
default () { |
||||||
|
return [] |
||||||
|
} |
||||||
|
}, |
||||||
|
emptyTips: { |
||||||
|
type: String, |
||||||
|
default: '无匹配项' |
||||||
|
}, |
||||||
|
labelKey: { |
||||||
|
type: String, |
||||||
|
default: 'dictName' |
||||||
|
}, |
||||||
|
valueKey:{ |
||||||
|
type: String, |
||||||
|
default: 'dictId' |
||||||
|
}, |
||||||
|
// #ifndef VUE3 |
||||||
|
value: { |
||||||
|
type: [String, Number], |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
// #ifdef VUE3 |
||||||
|
modelValue: { |
||||||
|
type: [String, Number], |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
showSelector: false, |
||||||
|
inputVal: '', |
||||||
|
dictVal:"", |
||||||
|
filterCandidates:[] |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
labelStyle() { |
||||||
|
if (this.labelWidth === 'auto') { |
||||||
|
return "" |
||||||
|
} |
||||||
|
return `width: ${this.labelWidth}` |
||||||
|
}, |
||||||
|
// 为了点击选择能够显示所有选项,把这个filterCandidates放在data中 |
||||||
|
// filterCandidates() { |
||||||
|
// return this.candidates.filter((item) => { |
||||||
|
// console.log(item,this.labelKey) |
||||||
|
// return item[`${this.labelKey}`].toString().indexOf(this.inputVal) > -1 |
||||||
|
// }) |
||||||
|
// }, |
||||||
|
filterCandidatesLength() { |
||||||
|
return this.filterCandidates.length |
||||||
|
} |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
// #ifndef VUE3 |
||||||
|
value: { |
||||||
|
handler(newVal) { |
||||||
|
this.dictVal = newVal |
||||||
|
}, |
||||||
|
immediate: true |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
// #ifndef VUE3 |
||||||
|
// 因为获取列表是个异步的过程,需要对列表进行监听 |
||||||
|
candidates: function(arr){ |
||||||
|
if(arr.length>0 && this.dictVal){ |
||||||
|
let obj = arr.find((item,index) => { |
||||||
|
return this.dictVal == item[`${this.valueKey}`] |
||||||
|
}) |
||||||
|
this.inputVal = obj[`${this.labelKey}`] |
||||||
|
|
||||||
|
} |
||||||
|
this.filterCandidates = arr.filter((item) => { |
||||||
|
return item[`${this.labelKey}`].toString().indexOf(this.inputVal) > -1 |
||||||
|
}) |
||||||
|
console.log("#####",this.filterCandidates) |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
// #ifdef VUE3 |
||||||
|
modelValue: { |
||||||
|
handler(newVal) { |
||||||
|
// this.inputVal = newVal |
||||||
|
if( this.candidates.length>0){ |
||||||
|
let obj = this.candidates.find((item,index) => { |
||||||
|
return newVal == item[`${this.valueKey}`] |
||||||
|
}) |
||||||
|
this.inputVal = obj[`${this.labelKey}`] |
||||||
|
} |
||||||
|
}, |
||||||
|
immediate: true |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
// #ifdef VUE3 |
||||||
|
modelValue: { |
||||||
|
handler(newVal) { |
||||||
|
// this.inputVal = newVal |
||||||
|
if( this.candidates.length>0){ |
||||||
|
let obj = this.candidates.find((item,index) => { |
||||||
|
return newVal == item[`${this.valueKey}`] |
||||||
|
}) |
||||||
|
this.inputVal = obj[`${this.labelKey}`] |
||||||
|
} |
||||||
|
}, |
||||||
|
immediate: true |
||||||
|
}, |
||||||
|
// #endif |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
toggleSelector() { |
||||||
|
this.showSelector = !this.showSelector |
||||||
|
}, |
||||||
|
onFocus() { |
||||||
|
this.filterCandidates = this.candidates |
||||||
|
this.showSelector = true |
||||||
|
|
||||||
|
}, |
||||||
|
onBlur() { |
||||||
|
setTimeout(() => { |
||||||
|
this.showSelector = false |
||||||
|
|
||||||
|
}, 153) |
||||||
|
}, |
||||||
|
onSelectorClick(index) { |
||||||
|
this.dictVal = this.filterCandidates[index][`${this.valueKey}`] |
||||||
|
//this.dictVal 的赋值一定要在this.inputVal前执行, |
||||||
|
//因为this.filterCandidates会监听this.inputVal的变化被重新赋值 |
||||||
|
//这样在选择列表中非第一个选项会报错 |
||||||
|
this.inputVal = this.filterCandidates[index][`${this.labelKey}`] |
||||||
|
this.showSelector = false |
||||||
|
this.$emit('input',this.dictVal) |
||||||
|
this.$emit('update:modelValue', this.dictVal) |
||||||
|
}, |
||||||
|
onInput() { |
||||||
|
this.filterCandidates = this.candidates.filter((item) => { |
||||||
|
// console.log(item,this.labelKey) |
||||||
|
return item[`${this.labelKey}`].toString().indexOf(this.inputVal) > -1 |
||||||
|
}) |
||||||
|
setTimeout(() => { |
||||||
|
this.$emit('input', this.dictVal) |
||||||
|
this.$emit('update:modelValue', this.dictVal) |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" > |
||||||
|
.uni-combox { |
||||||
|
font-size: 14px; |
||||||
|
border: 1px solid #DCDFE6; |
||||||
|
border-radius: 4px; |
||||||
|
padding: 6px 10px; |
||||||
|
position: relative; |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
display: flex; |
||||||
|
/* #endif */ |
||||||
|
// height: 40px; |
||||||
|
flex-direction: row; |
||||||
|
align-items: center; |
||||||
|
// border-bottom: solid 1px #DDDDDD; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__label { |
||||||
|
font-size: 16px; |
||||||
|
line-height: 22px; |
||||||
|
padding-right: 10px; |
||||||
|
color: #999999; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__input-box { |
||||||
|
position: relative; |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
display: flex; |
||||||
|
/* #endif */ |
||||||
|
flex: 1; |
||||||
|
flex-direction: row; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__input { |
||||||
|
flex: 1; |
||||||
|
font-size: 14px; |
||||||
|
height: 22px; |
||||||
|
line-height: 22px; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__input-plac { |
||||||
|
font-size: 14px; |
||||||
|
color: #999; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__selector { |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
box-sizing: border-box; |
||||||
|
/* #endif */ |
||||||
|
position: absolute; |
||||||
|
top: calc(100% + 12px); |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
background-color: #FFFFFF; |
||||||
|
border: 1px solid #EBEEF5; |
||||||
|
border-radius: 6px; |
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
|
z-index: 99; |
||||||
|
padding: 4px 0; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__selector-scroll { |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
max-height: 200px; |
||||||
|
box-sizing: border-box; |
||||||
|
/* #endif */ |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__selector-empty, |
||||||
|
.uni-combox__selector-item { |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
display: flex; |
||||||
|
cursor: pointer; |
||||||
|
/* #endif */ |
||||||
|
line-height: 36px; |
||||||
|
font-size: 14px; |
||||||
|
text-align: center; |
||||||
|
// border-bottom: solid 1px #DDDDDD; |
||||||
|
padding: 0px 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__selector-item:hover { |
||||||
|
background-color: #f9f9f9; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__selector-empty:last-child, |
||||||
|
.uni-combox__selector-item:last-child { |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
border-bottom: none; |
||||||
|
/* #endif */ |
||||||
|
} |
||||||
|
|
||||||
|
// picker 弹出层通用的指示小三角 |
||||||
|
.uni-popper__arrow, |
||||||
|
.uni-popper__arrow::after { |
||||||
|
position: absolute; |
||||||
|
display: block; |
||||||
|
width: 0; |
||||||
|
height: 0; |
||||||
|
border-color: transparent; |
||||||
|
border-style: solid; |
||||||
|
border-width: 6px; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-popper__arrow { |
||||||
|
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); |
||||||
|
top: -6px; |
||||||
|
left: 10%; |
||||||
|
margin-right: 3px; |
||||||
|
border-top-width: 0; |
||||||
|
border-bottom-color: #EBEEF5; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-popper__arrow::after { |
||||||
|
content: " "; |
||||||
|
top: 1px; |
||||||
|
margin-left: -6px; |
||||||
|
border-top-width: 0; |
||||||
|
border-bottom-color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-combox__no-border { |
||||||
|
border: none; |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,90 @@ |
|||||||
|
{ |
||||||
|
"id": "uni-combox", |
||||||
|
"displayName": "uni-combox 组合框", |
||||||
|
"version": "1.0.1", |
||||||
|
"description": "可以选择也可以输入的表单项 ", |
||||||
|
"keywords": [ |
||||||
|
"uni-ui", |
||||||
|
"uniui", |
||||||
|
"combox", |
||||||
|
"组合框", |
||||||
|
"select" |
||||||
|
], |
||||||
|
"repository": "https://github.com/dcloudio/uni-ui", |
||||||
|
"engines": { |
||||||
|
"HBuilderX": "" |
||||||
|
}, |
||||||
|
"directories": { |
||||||
|
"example": "../../temps/example_temps" |
||||||
|
}, |
||||||
|
"dcloudext": { |
||||||
|
"category": [ |
||||||
|
"前端组件", |
||||||
|
"通用组件" |
||||||
|
], |
||||||
|
"sale": { |
||||||
|
"regular": { |
||||||
|
"price": "0.00" |
||||||
|
}, |
||||||
|
"sourcecode": { |
||||||
|
"price": "0.00" |
||||||
|
} |
||||||
|
}, |
||||||
|
"contact": { |
||||||
|
"qq": "" |
||||||
|
}, |
||||||
|
"declaration": { |
||||||
|
"ads": "无", |
||||||
|
"data": "无", |
||||||
|
"permissions": "无" |
||||||
|
}, |
||||||
|
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui" |
||||||
|
}, |
||||||
|
"uni_modules": { |
||||||
|
"dependencies": [ |
||||||
|
"uni-scss", |
||||||
|
"uni-icons" |
||||||
|
], |
||||||
|
"encrypt": [], |
||||||
|
"platforms": { |
||||||
|
"cloud": { |
||||||
|
"tcb": "y", |
||||||
|
"aliyun": "y" |
||||||
|
}, |
||||||
|
"client": { |
||||||
|
"App": { |
||||||
|
"app-vue": "y", |
||||||
|
"app-nvue": "n" |
||||||
|
}, |
||||||
|
"H5-mobile": { |
||||||
|
"Safari": "y", |
||||||
|
"Android Browser": "y", |
||||||
|
"微信浏览器(Android)": "y", |
||||||
|
"QQ浏览器(Android)": "y" |
||||||
|
}, |
||||||
|
"H5-pc": { |
||||||
|
"Chrome": "y", |
||||||
|
"IE": "y", |
||||||
|
"Edge": "y", |
||||||
|
"Firefox": "y", |
||||||
|
"Safari": "y" |
||||||
|
}, |
||||||
|
"小程序": { |
||||||
|
"微信": "y", |
||||||
|
"阿里": "y", |
||||||
|
"百度": "y", |
||||||
|
"字节跳动": "y", |
||||||
|
"QQ": "y" |
||||||
|
}, |
||||||
|
"快应用": { |
||||||
|
"华为": "u", |
||||||
|
"联盟": "u" |
||||||
|
}, |
||||||
|
"Vue": { |
||||||
|
"vue2": "y", |
||||||
|
"vue3": "y" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,11 @@ |
|||||||
|
|
||||||
|
|
||||||
|
## Combox 组合框 |
||||||
|
> **组件名:uni-combox** |
||||||
|
> 代码块: `uCombox` |
||||||
|
|
||||||
|
|
||||||
|
组合框组件。 |
||||||
|
|
||||||
|
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-combox) |
||||||
|
#### 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,欢迎加入 uni-ui 交流群:871950839 |
@ -0,0 +1,22 @@ |
|||||||
|
## 1.3.5(2022-01-24) |
||||||
|
- 优化 size 属性可以传入不带单位的字符串数值 |
||||||
|
## 1.3.4(2022-01-24) |
||||||
|
- 优化 size 支持其他单位 |
||||||
|
## 1.3.3(2022-01-17) |
||||||
|
- 修复 nvue 有些图标不显示的bug,兼容老版本图标 |
||||||
|
## 1.3.2(2021-12-01) |
||||||
|
- 优化 示例可复制图标名称 |
||||||
|
## 1.3.1(2021-11-23) |
||||||
|
- 优化 兼容旧组件 type 值 |
||||||
|
## 1.3.0(2021-11-19) |
||||||
|
- 新增 更多图标 |
||||||
|
- 优化 自定义图标使用方式 |
||||||
|
- 优化 组件UI,并提供设计资源,详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource) |
||||||
|
- 文档迁移,详见:[https://uniapp.dcloud.io/component/uniui/uni-icons](https://uniapp.dcloud.io/component/uniui/uni-icons) |
||||||
|
## 1.1.7(2021-11-08) |
||||||
|
## 1.2.0(2021-07-30) |
||||||
|
- 组件兼容 vue3,如何创建vue3项目,详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834) |
||||||
|
## 1.1.5(2021-05-12) |
||||||
|
- 新增 组件示例地址 |
||||||
|
## 1.1.4(2021-02-05) |
||||||
|
- 调整为uni_modules目录规范 |
@ -0,0 +1,663 @@ |
|||||||
|
.uniui-color:before { |
||||||
|
content: "\e6cf"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-wallet:before { |
||||||
|
content: "\e6b1"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-settings-filled:before { |
||||||
|
content: "\e6ce"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-auth-filled:before { |
||||||
|
content: "\e6cc"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-shop-filled:before { |
||||||
|
content: "\e6cd"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-staff-filled:before { |
||||||
|
content: "\e6cb"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-vip-filled:before { |
||||||
|
content: "\e6c6"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-plus-filled:before { |
||||||
|
content: "\e6c7"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-folder-add-filled:before { |
||||||
|
content: "\e6c8"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-color-filled:before { |
||||||
|
content: "\e6c9"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-tune-filled:before { |
||||||
|
content: "\e6ca"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-calendar-filled:before { |
||||||
|
content: "\e6c0"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-notification-filled:before { |
||||||
|
content: "\e6c1"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-wallet-filled:before { |
||||||
|
content: "\e6c2"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-medal-filled:before { |
||||||
|
content: "\e6c3"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-gift-filled:before { |
||||||
|
content: "\e6c4"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-fire-filled:before { |
||||||
|
content: "\e6c5"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-refreshempty:before { |
||||||
|
content: "\e6bf"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-location-filled:before { |
||||||
|
content: "\e6af"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-person-filled:before { |
||||||
|
content: "\e69d"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-personadd-filled:before { |
||||||
|
content: "\e698"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-back:before { |
||||||
|
content: "\e6b9"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-forward:before { |
||||||
|
content: "\e6ba"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrow-right:before { |
||||||
|
content: "\e6bb"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrowthinright:before { |
||||||
|
content: "\e6bb"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrow-left:before { |
||||||
|
content: "\e6bc"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrowthinleft:before { |
||||||
|
content: "\e6bc"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrow-up:before { |
||||||
|
content: "\e6bd"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrowthinup:before { |
||||||
|
content: "\e6bd"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrow-down:before { |
||||||
|
content: "\e6be"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrowthindown:before { |
||||||
|
content: "\e6be"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-bottom:before { |
||||||
|
content: "\e6b8"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrowdown:before { |
||||||
|
content: "\e6b8"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-right:before { |
||||||
|
content: "\e6b5"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrowright:before { |
||||||
|
content: "\e6b5"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-top:before { |
||||||
|
content: "\e6b6"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrowup:before { |
||||||
|
content: "\e6b6"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-left:before { |
||||||
|
content: "\e6b7"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-arrowleft:before { |
||||||
|
content: "\e6b7"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-eye:before { |
||||||
|
content: "\e651"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-eye-filled:before { |
||||||
|
content: "\e66a"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-eye-slash:before { |
||||||
|
content: "\e6b3"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-eye-slash-filled:before { |
||||||
|
content: "\e6b4"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-info-filled:before { |
||||||
|
content: "\e649"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-reload:before { |
||||||
|
content: "\e6b2"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-micoff-filled:before { |
||||||
|
content: "\e6b0"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-map-pin-ellipse:before { |
||||||
|
content: "\e6ac"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-map-pin:before { |
||||||
|
content: "\e6ad"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-location:before { |
||||||
|
content: "\e6ae"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-starhalf:before { |
||||||
|
content: "\e683"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-star:before { |
||||||
|
content: "\e688"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-star-filled:before { |
||||||
|
content: "\e68f"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-calendar:before { |
||||||
|
content: "\e6a0"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-fire:before { |
||||||
|
content: "\e6a1"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-medal:before { |
||||||
|
content: "\e6a2"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-font:before { |
||||||
|
content: "\e6a3"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-gift:before { |
||||||
|
content: "\e6a4"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-link:before { |
||||||
|
content: "\e6a5"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-notification:before { |
||||||
|
content: "\e6a6"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-staff:before { |
||||||
|
content: "\e6a7"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-vip:before { |
||||||
|
content: "\e6a8"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-folder-add:before { |
||||||
|
content: "\e6a9"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-tune:before { |
||||||
|
content: "\e6aa"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-auth:before { |
||||||
|
content: "\e6ab"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-person:before { |
||||||
|
content: "\e699"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-email-filled:before { |
||||||
|
content: "\e69a"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-phone-filled:before { |
||||||
|
content: "\e69b"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-phone:before { |
||||||
|
content: "\e69c"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-email:before { |
||||||
|
content: "\e69e"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-personadd:before { |
||||||
|
content: "\e69f"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-chatboxes-filled:before { |
||||||
|
content: "\e692"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-contact:before { |
||||||
|
content: "\e693"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-chatbubble-filled:before { |
||||||
|
content: "\e694"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-contact-filled:before { |
||||||
|
content: "\e695"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-chatboxes:before { |
||||||
|
content: "\e696"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-chatbubble:before { |
||||||
|
content: "\e697"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-upload-filled:before { |
||||||
|
content: "\e68e"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-upload:before { |
||||||
|
content: "\e690"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-weixin:before { |
||||||
|
content: "\e691"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-compose:before { |
||||||
|
content: "\e67f"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-qq:before { |
||||||
|
content: "\e680"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-download-filled:before { |
||||||
|
content: "\e681"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-pyq:before { |
||||||
|
content: "\e682"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-sound:before { |
||||||
|
content: "\e684"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-trash-filled:before { |
||||||
|
content: "\e685"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-sound-filled:before { |
||||||
|
content: "\e686"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-trash:before { |
||||||
|
content: "\e687"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-videocam-filled:before { |
||||||
|
content: "\e689"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-spinner-cycle:before { |
||||||
|
content: "\e68a"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-weibo:before { |
||||||
|
content: "\e68b"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-videocam:before { |
||||||
|
content: "\e68c"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-download:before { |
||||||
|
content: "\e68d"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-help:before { |
||||||
|
content: "\e679"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-navigate-filled:before { |
||||||
|
content: "\e67a"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-plusempty:before { |
||||||
|
content: "\e67b"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-smallcircle:before { |
||||||
|
content: "\e67c"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-minus-filled:before { |
||||||
|
content: "\e67d"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-micoff:before { |
||||||
|
content: "\e67e"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-closeempty:before { |
||||||
|
content: "\e66c"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-clear:before { |
||||||
|
content: "\e66d"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-navigate:before { |
||||||
|
content: "\e66e"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-minus:before { |
||||||
|
content: "\e66f"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-image:before { |
||||||
|
content: "\e670"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-mic:before { |
||||||
|
content: "\e671"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-paperplane:before { |
||||||
|
content: "\e672"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-close:before { |
||||||
|
content: "\e673"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-help-filled:before { |
||||||
|
content: "\e674"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-paperplane-filled:before { |
||||||
|
content: "\e675"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-plus:before { |
||||||
|
content: "\e676"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-mic-filled:before { |
||||||
|
content: "\e677"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-image-filled:before { |
||||||
|
content: "\e678"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-locked-filled:before { |
||||||
|
content: "\e668"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-info:before { |
||||||
|
content: "\e669"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-locked:before { |
||||||
|
content: "\e66b"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-camera-filled:before { |
||||||
|
content: "\e658"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-chat-filled:before { |
||||||
|
content: "\e659"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-camera:before { |
||||||
|
content: "\e65a"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-circle:before { |
||||||
|
content: "\e65b"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-checkmarkempty:before { |
||||||
|
content: "\e65c"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-chat:before { |
||||||
|
content: "\e65d"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-circle-filled:before { |
||||||
|
content: "\e65e"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-flag:before { |
||||||
|
content: "\e65f"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-flag-filled:before { |
||||||
|
content: "\e660"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-gear-filled:before { |
||||||
|
content: "\e661"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-home:before { |
||||||
|
content: "\e662"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-home-filled:before { |
||||||
|
content: "\e663"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-gear:before { |
||||||
|
content: "\e664"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-smallcircle-filled:before { |
||||||
|
content: "\e665"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-map-filled:before { |
||||||
|
content: "\e666"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-map:before { |
||||||
|
content: "\e667"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-refresh-filled:before { |
||||||
|
content: "\e656"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-refresh:before { |
||||||
|
content: "\e657"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-cloud-upload:before { |
||||||
|
content: "\e645"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-cloud-download-filled:before { |
||||||
|
content: "\e646"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-cloud-download:before { |
||||||
|
content: "\e647"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-cloud-upload-filled:before { |
||||||
|
content: "\e648"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-redo:before { |
||||||
|
content: "\e64a"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-images-filled:before { |
||||||
|
content: "\e64b"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-undo-filled:before { |
||||||
|
content: "\e64c"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-more:before { |
||||||
|
content: "\e64d"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-more-filled:before { |
||||||
|
content: "\e64e"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-undo:before { |
||||||
|
content: "\e64f"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-images:before { |
||||||
|
content: "\e650"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-paperclip:before { |
||||||
|
content: "\e652"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-settings:before { |
||||||
|
content: "\e653"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-search:before { |
||||||
|
content: "\e654"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-redo-filled:before { |
||||||
|
content: "\e655"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-list:before { |
||||||
|
content: "\e644"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-mail-open-filled:before { |
||||||
|
content: "\e63a"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-hand-down-filled:before { |
||||||
|
content: "\e63c"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-hand-down:before { |
||||||
|
content: "\e63d"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-hand-up-filled:before { |
||||||
|
content: "\e63e"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-hand-up:before { |
||||||
|
content: "\e63f"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-heart-filled:before { |
||||||
|
content: "\e641"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-mail-open:before { |
||||||
|
content: "\e643"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-heart:before { |
||||||
|
content: "\e639"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-loop:before { |
||||||
|
content: "\e633"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-pulldown:before { |
||||||
|
content: "\e632"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-scan:before { |
||||||
|
content: "\e62a"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-bars:before { |
||||||
|
content: "\e627"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-cart-filled:before { |
||||||
|
content: "\e629"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-checkbox:before { |
||||||
|
content: "\e62b"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-checkbox-filled:before { |
||||||
|
content: "\e62c"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-shop:before { |
||||||
|
content: "\e62f"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-headphones:before { |
||||||
|
content: "\e630"; |
||||||
|
} |
||||||
|
|
||||||
|
.uniui-cart:before { |
||||||
|
content: "\e631"; |
||||||
|
} |
@ -0,0 +1,86 @@ |
|||||||
|
{ |
||||||
|
"id": "uni-icons", |
||||||
|
"displayName": "uni-icons 图标", |
||||||
|
"version": "1.3.5", |
||||||
|
"description": "图标组件,用于展示移动端常见的图标,可自定义颜色、大小。", |
||||||
|
"keywords": [ |
||||||
|
"uni-ui", |
||||||
|
"uniui", |
||||||
|
"icon", |
||||||
|
"图标" |
||||||
|
], |
||||||
|
"repository": "https://github.com/dcloudio/uni-ui", |
||||||
|
"engines": { |
||||||
|
"HBuilderX": "^3.2.14" |
||||||
|
}, |
||||||
|
"directories": { |
||||||
|
"example": "../../temps/example_temps" |
||||||
|
}, |
||||||
|
"dcloudext": { |
||||||
|
"category": [ |
||||||
|
"前端组件", |
||||||
|
"通用组件" |
||||||
|
], |
||||||
|
"sale": { |
||||||
|
"regular": { |
||||||
|
"price": "0.00" |
||||||
|
}, |
||||||
|
"sourcecode": { |
||||||
|
"price": "0.00" |
||||||
|
} |
||||||
|
}, |
||||||
|
"contact": { |
||||||
|
"qq": "" |
||||||
|
}, |
||||||
|
"declaration": { |
||||||
|
"ads": "无", |
||||||
|
"data": "无", |
||||||
|
"permissions": "无" |
||||||
|
}, |
||||||
|
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui" |
||||||
|
}, |
||||||
|
"uni_modules": { |
||||||
|
"dependencies": ["uni-scss"], |
||||||
|
"encrypt": [], |
||||||
|
"platforms": { |
||||||
|
"cloud": { |
||||||
|
"tcb": "y", |
||||||
|
"aliyun": "y" |
||||||
|
}, |
||||||
|
"client": { |
||||||
|
"App": { |
||||||
|
"app-vue": "y", |
||||||
|
"app-nvue": "y" |
||||||
|
}, |
||||||
|
"H5-mobile": { |
||||||
|
"Safari": "y", |
||||||
|
"Android Browser": "y", |
||||||
|
"微信浏览器(Android)": "y", |
||||||
|
"QQ浏览器(Android)": "y" |
||||||
|
}, |
||||||
|
"H5-pc": { |
||||||
|
"Chrome": "y", |
||||||
|
"IE": "y", |
||||||
|
"Edge": "y", |
||||||
|
"Firefox": "y", |
||||||
|
"Safari": "y" |
||||||
|
}, |
||||||
|
"小程序": { |
||||||
|
"微信": "y", |
||||||
|
"阿里": "y", |
||||||
|
"百度": "y", |
||||||
|
"字节跳动": "y", |
||||||
|
"QQ": "y" |
||||||
|
}, |
||||||
|
"快应用": { |
||||||
|
"华为": "u", |
||||||
|
"联盟": "u" |
||||||
|
}, |
||||||
|
"Vue": { |
||||||
|
"vue2": "y", |
||||||
|
"vue3": "y" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,8 @@ |
|||||||
|
## Icons 图标 |
||||||
|
> **组件名:uni-icons** |
||||||
|
> 代码块: `uIcons` |
||||||
|
|
||||||
|
用于展示 icons 图标 。 |
||||||
|
|
||||||
|
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-icons) |
||||||
|
#### 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,欢迎加入 uni-ui 交流群:871950839 |
@ -0,0 +1,8 @@ |
|||||||
|
## 1.0.3(2022-01-21) |
||||||
|
- 优化 组件示例 |
||||||
|
## 1.0.2(2021-11-22) |
||||||
|
- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题 |
||||||
|
## 1.0.1(2021-11-22) |
||||||
|
- 修复 vue3中scss语法兼容问题 |
||||||
|
## 1.0.0(2021-11-18) |
||||||
|
- init |
@ -0,0 +1,82 @@ |
|||||||
|
{ |
||||||
|
"id": "uni-scss", |
||||||
|
"displayName": "uni-scss 辅助样式", |
||||||
|
"version": "1.0.3", |
||||||
|
"description": "uni-sass是uni-ui提供的一套全局样式 ,通过一些简单的类名和sass变量,实现简单的页面布局操作,比如颜色、边距、圆角等。", |
||||||
|
"keywords": [ |
||||||
|
"uni-scss", |
||||||
|
"uni-ui", |
||||||
|
"辅助样式" |
||||||
|
], |
||||||
|
"repository": "https://github.com/dcloudio/uni-ui", |
||||||
|
"engines": { |
||||||
|
"HBuilderX": "^3.1.0" |
||||||
|
}, |
||||||
|
"dcloudext": { |
||||||
|
"category": [ |
||||||
|
"JS SDK", |
||||||
|
"通用 SDK" |
||||||
|
], |
||||||
|
"sale": { |
||||||
|
"regular": { |
||||||
|
"price": "0.00" |
||||||
|
}, |
||||||
|
"sourcecode": { |
||||||
|
"price": "0.00" |
||||||
|
} |
||||||
|
}, |
||||||
|
"contact": { |
||||||
|
"qq": "" |
||||||
|
}, |
||||||
|
"declaration": { |
||||||
|
"ads": "无", |
||||||
|
"data": "无", |
||||||
|
"permissions": "无" |
||||||
|
}, |
||||||
|
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui" |
||||||
|
}, |
||||||
|
"uni_modules": { |
||||||
|
"dependencies": [], |
||||||
|
"encrypt": [], |
||||||
|
"platforms": { |
||||||
|
"cloud": { |
||||||
|
"tcb": "y", |
||||||
|
"aliyun": "y" |
||||||
|
}, |
||||||
|
"client": { |
||||||
|
"App": { |
||||||
|
"app-vue": "y", |
||||||
|
"app-nvue": "u" |
||||||
|
}, |
||||||
|
"H5-mobile": { |
||||||
|
"Safari": "y", |
||||||
|
"Android Browser": "y", |
||||||
|
"微信浏览器(Android)": "y", |
||||||
|
"QQ浏览器(Android)": "y" |
||||||
|
}, |
||||||
|
"H5-pc": { |
||||||
|
"Chrome": "y", |
||||||
|
"IE": "y", |
||||||
|
"Edge": "y", |
||||||
|
"Firefox": "y", |
||||||
|
"Safari": "y" |
||||||
|
}, |
||||||
|
"小程序": { |
||||||
|
"微信": "y", |
||||||
|
"阿里": "y", |
||||||
|
"百度": "y", |
||||||
|
"字节跳动": "y", |
||||||
|
"QQ": "y" |
||||||
|
}, |
||||||
|
"快应用": { |
||||||
|
"华为": "n", |
||||||
|
"联盟": "n" |
||||||
|
}, |
||||||
|
"Vue": { |
||||||
|
"vue2": "y", |
||||||
|
"vue3": "y" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,4 @@ |
|||||||
|
`uni-sass` 是 `uni-ui`提供的一套全局样式 ,通过一些简单的类名和`sass`变量,实现简单的页面布局操作,比如颜色、边距、圆角等。 |
||||||
|
|
||||||
|
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass) |
||||||
|
#### 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,欢迎加入 uni-ui 交流群:871950839 |
@ -0,0 +1,7 @@ |
|||||||
|
@import './setting/_variables.scss'; |
||||||
|
@import './setting/_border.scss'; |
||||||
|
@import './setting/_color.scss'; |
||||||
|
@import './setting/_space.scss'; |
||||||
|
@import './setting/_radius.scss'; |
||||||
|
@import './setting/_text.scss'; |
||||||
|
@import './setting/_styles.scss'; |
@ -0,0 +1,3 @@ |
|||||||
|
.uni-border { |
||||||
|
border: 1px $uni-border-1 solid; |
||||||
|
} |
@ -0,0 +1,66 @@ |
|||||||
|
|
||||||
|
// TODO 暂时不需要 class ,需要用户使用变量实现 ,如果使用类名其实并不推荐 |
||||||
|
// @mixin get-styles($k,$c) { |
||||||
|
// @if $k == size or $k == weight{ |
||||||
|
// font-#{$k}:#{$c} |
||||||
|
// }@else{ |
||||||
|
// #{$k}:#{$c} |
||||||
|
// } |
||||||
|
// } |
||||||
|
$uni-ui-color:( |
||||||
|
// 主色 |
||||||
|
primary: $uni-primary, |
||||||
|
primary-disable: $uni-primary-disable, |
||||||
|
primary-light: $uni-primary-light, |
||||||
|
// 辅助色 |
||||||
|
success: $uni-success, |
||||||
|
success-disable: $uni-success-disable, |
||||||
|
success-light: $uni-success-light, |
||||||
|
warning: $uni-warning, |
||||||
|
warning-disable: $uni-warning-disable, |
||||||
|
warning-light: $uni-warning-light, |
||||||
|
error: $uni-error, |
||||||
|
error-disable: $uni-error-disable, |
||||||
|
error-light: $uni-error-light, |
||||||
|
info: $uni-info, |
||||||
|
info-disable: $uni-info-disable, |
||||||
|
info-light: $uni-info-light, |
||||||
|
// 中性色 |
||||||
|
main-color: $uni-main-color, |
||||||
|
base-color: $uni-base-color, |
||||||
|
secondary-color: $uni-secondary-color, |
||||||
|
extra-color: $uni-extra-color, |
||||||
|
// 背景色 |
||||||
|
bg-color: $uni-bg-color, |
||||||
|
// 边框颜色 |
||||||
|
border-1: $uni-border-1, |
||||||
|
border-2: $uni-border-2, |
||||||
|
border-3: $uni-border-3, |
||||||
|
border-4: $uni-border-4, |
||||||
|
// 黑色 |
||||||
|
black:$uni-black, |
||||||
|
// 白色 |
||||||
|
white:$uni-white, |
||||||
|
// 透明 |
||||||
|
transparent:$uni-transparent |
||||||
|
) !default; |
||||||
|
@each $key, $child in $uni-ui-color { |
||||||
|
.uni-#{"" + $key} { |
||||||
|
color: $child; |
||||||
|
} |
||||||
|
.uni-#{"" + $key}-bg { |
||||||
|
background-color: $child; |
||||||
|
} |
||||||
|
} |
||||||
|
.uni-shadow-sm { |
||||||
|
box-shadow: $uni-shadow-sm; |
||||||
|
} |
||||||
|
.uni-shadow-base { |
||||||
|
box-shadow: $uni-shadow-base; |
||||||
|
} |
||||||
|
.uni-shadow-lg { |
||||||
|
box-shadow: $uni-shadow-lg; |
||||||
|
} |
||||||
|
.uni-mask { |
||||||
|
background-color:$uni-mask; |
||||||
|
} |
@ -0,0 +1,55 @@ |
|||||||
|
@mixin radius($r,$d:null ,$important: false){ |
||||||
|
$radius-value:map-get($uni-radius, $r) if($important, !important, null); |
||||||
|
// Key exists within the $uni-radius variable |
||||||
|
@if (map-has-key($uni-radius, $r) and $d){ |
||||||
|
@if $d == t { |
||||||
|
border-top-left-radius:$radius-value; |
||||||
|
border-top-right-radius:$radius-value; |
||||||
|
}@else if $d == r { |
||||||
|
border-top-right-radius:$radius-value; |
||||||
|
border-bottom-right-radius:$radius-value; |
||||||
|
}@else if $d == b { |
||||||
|
border-bottom-left-radius:$radius-value; |
||||||
|
border-bottom-right-radius:$radius-value; |
||||||
|
}@else if $d == l { |
||||||
|
border-top-left-radius:$radius-value; |
||||||
|
border-bottom-left-radius:$radius-value; |
||||||
|
}@else if $d == tl { |
||||||
|
border-top-left-radius:$radius-value; |
||||||
|
}@else if $d == tr { |
||||||
|
border-top-right-radius:$radius-value; |
||||||
|
}@else if $d == br { |
||||||
|
border-bottom-right-radius:$radius-value; |
||||||
|
}@else if $d == bl { |
||||||
|
border-bottom-left-radius:$radius-value; |
||||||
|
} |
||||||
|
}@else{ |
||||||
|
border-radius:$radius-value; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@each $key, $child in $uni-radius { |
||||||
|
@if($key){ |
||||||
|
.uni-radius-#{"" + $key} { |
||||||
|
@include radius($key) |
||||||
|
} |
||||||
|
}@else{ |
||||||
|
.uni-radius { |
||||||
|
@include radius($key) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@each $direction in t, r, b, l,tl, tr, br, bl { |
||||||
|
@each $key, $child in $uni-radius { |
||||||
|
@if($key){ |
||||||
|
.uni-radius-#{"" + $direction}-#{"" + $key} { |
||||||
|
@include radius($key,$direction,false) |
||||||
|
} |
||||||
|
}@else{ |
||||||
|
.uni-radius-#{$direction} { |
||||||
|
@include radius($key,$direction,false) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,56 @@ |
|||||||
|
|
||||||
|
@mixin fn($space,$direction,$size,$n) { |
||||||
|
@if $n { |
||||||
|
#{$space}-#{$direction}: #{$size*$uni-space-root}px |
||||||
|
} @else { |
||||||
|
#{$space}-#{$direction}: #{-$size*$uni-space-root}px |
||||||
|
} |
||||||
|
} |
||||||
|
@mixin get-styles($direction,$i,$space,$n){ |
||||||
|
@if $direction == t { |
||||||
|
@include fn($space, top,$i,$n); |
||||||
|
} |
||||||
|
@if $direction == r { |
||||||
|
@include fn($space, right,$i,$n); |
||||||
|
} |
||||||
|
@if $direction == b { |
||||||
|
@include fn($space, bottom,$i,$n); |
||||||
|
} |
||||||
|
@if $direction == l { |
||||||
|
@include fn($space, left,$i,$n); |
||||||
|
} |
||||||
|
@if $direction == x { |
||||||
|
@include fn($space, left,$i,$n); |
||||||
|
@include fn($space, right,$i,$n); |
||||||
|
} |
||||||
|
@if $direction == y { |
||||||
|
@include fn($space, top,$i,$n); |
||||||
|
@include fn($space, bottom,$i,$n); |
||||||
|
} |
||||||
|
@if $direction == a { |
||||||
|
@if $n { |
||||||
|
#{$space}:#{$i*$uni-space-root}px; |
||||||
|
} @else { |
||||||
|
#{$space}:#{-$i*$uni-space-root}px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@each $orientation in m,p { |
||||||
|
$space: margin; |
||||||
|
@if $orientation == m { |
||||||
|
$space: margin; |
||||||
|
} @else { |
||||||
|
$space: padding; |
||||||
|
} |
||||||
|
@for $i from 0 through 16 { |
||||||
|
@each $direction in t, r, b, l, x, y, a { |
||||||
|
.uni-#{$orientation}#{$direction}-#{$i} { |
||||||
|
@include get-styles($direction,$i,$space,true); |
||||||
|
} |
||||||
|
.uni-#{$orientation}#{$direction}-n#{$i} { |
||||||
|
@include get-styles($direction,$i,$space,false); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,167 @@ |
|||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
|
||||||
|
$-color-white:#fff; |
||||||
|
$-color-black:#000; |
||||||
|
@mixin base-style($color) { |
||||||
|
color: #fff; |
||||||
|
background-color: $color; |
||||||
|
border-color: mix($-color-black, $color, 8%); |
||||||
|
&:not([hover-class]):active { |
||||||
|
background: mix($-color-black, $color, 10%); |
||||||
|
border-color: mix($-color-black, $color, 20%); |
||||||
|
color: $-color-white; |
||||||
|
outline: none; |
||||||
|
} |
||||||
|
} |
||||||
|
@mixin is-color($color) { |
||||||
|
@include base-style($color); |
||||||
|
&[loading] { |
||||||
|
@include base-style($color); |
||||||
|
&::before { |
||||||
|
margin-right:5px; |
||||||
|
} |
||||||
|
} |
||||||
|
&[disabled] { |
||||||
|
&, |
||||||
|
&[loading], |
||||||
|
&:not([hover-class]):active { |
||||||
|
color: $-color-white; |
||||||
|
border-color: mix(darken($color,10%), $-color-white); |
||||||
|
background-color: mix($color, $-color-white); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
@mixin base-plain-style($color) { |
||||||
|
color:$color; |
||||||
|
background-color: mix($-color-white, $color, 90%); |
||||||
|
border-color: mix($-color-white, $color, 70%); |
||||||
|
&:not([hover-class]):active { |
||||||
|
background: mix($-color-white, $color, 80%); |
||||||
|
color: $color; |
||||||
|
outline: none; |
||||||
|
border-color: mix($-color-white, $color, 50%); |
||||||
|
} |
||||||
|
} |
||||||
|
@mixin is-plain($color){ |
||||||
|
&[plain] { |
||||||
|
@include base-plain-style($color); |
||||||
|
&[loading] { |
||||||
|
@include base-plain-style($color); |
||||||
|
&::before { |
||||||
|
margin-right:5px; |
||||||
|
} |
||||||
|
} |
||||||
|
&[disabled] { |
||||||
|
&, |
||||||
|
&:active { |
||||||
|
color: mix($-color-white, $color, 40%); |
||||||
|
background-color: mix($-color-white, $color, 90%); |
||||||
|
border-color: mix($-color-white, $color, 80%); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.uni-btn { |
||||||
|
margin: 5px; |
||||||
|
color: #393939; |
||||||
|
border:1px solid #ccc; |
||||||
|
font-size: 16px; |
||||||
|
font-weight: 200; |
||||||
|
background-color: #F9F9F9; |
||||||
|
// TODO 暂时处理边框隐藏一边的问题 |
||||||
|
overflow: visible; |
||||||
|
&::after{ |
||||||
|
border: none; |
||||||
|
} |
||||||
|
|
||||||
|
&:not([type]),&[type=default] { |
||||||
|
color: #999; |
||||||
|
&[loading] { |
||||||
|
background: none; |
||||||
|
&::before { |
||||||
|
margin-right:5px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
&[disabled]{ |
||||||
|
color: mix($-color-white, #999, 60%); |
||||||
|
&, |
||||||
|
&[loading], |
||||||
|
&:active { |
||||||
|
color: mix($-color-white, #999, 60%); |
||||||
|
background-color: mix($-color-white,$-color-black , 98%); |
||||||
|
border-color: mix($-color-white, #999, 85%); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&[plain] { |
||||||
|
color: #999; |
||||||
|
background: none; |
||||||
|
border-color: $uni-border-1; |
||||||
|
&:not([hover-class]):active { |
||||||
|
background: none; |
||||||
|
color: mix($-color-white, $-color-black, 80%); |
||||||
|
border-color: mix($-color-white, $-color-black, 90%); |
||||||
|
outline: none; |
||||||
|
} |
||||||
|
&[disabled]{ |
||||||
|
&, |
||||||
|
&[loading], |
||||||
|
&:active { |
||||||
|
background: none; |
||||||
|
color: mix($-color-white, #999, 60%); |
||||||
|
border-color: mix($-color-white, #999, 85%); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&:not([hover-class]):active { |
||||||
|
color: mix($-color-white, $-color-black, 50%); |
||||||
|
} |
||||||
|
|
||||||
|
&[size=mini] { |
||||||
|
font-size: 16px; |
||||||
|
font-weight: 200; |
||||||
|
border-radius: 8px; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
&.uni-btn-small { |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
&.uni-btn-mini { |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
|
||||||
|
&.uni-btn-radius { |
||||||
|
border-radius: 999px; |
||||||
|
} |
||||||
|
&[type=primary] { |
||||||
|
@include is-color($uni-primary); |
||||||
|
@include is-plain($uni-primary) |
||||||
|
} |
||||||
|
&[type=success] { |
||||||
|
@include is-color($uni-success); |
||||||
|
@include is-plain($uni-success) |
||||||
|
} |
||||||
|
&[type=error] { |
||||||
|
@include is-color($uni-error); |
||||||
|
@include is-plain($uni-error) |
||||||
|
} |
||||||
|
&[type=warning] { |
||||||
|
@include is-color($uni-warning); |
||||||
|
@include is-plain($uni-warning) |
||||||
|
} |
||||||
|
&[type=info] { |
||||||
|
@include is-color($uni-info); |
||||||
|
@include is-plain($uni-info) |
||||||
|
} |
||||||
|
} |
||||||
|
/* #endif */ |
@ -0,0 +1,24 @@ |
|||||||
|
@mixin get-styles($k,$c) { |
||||||
|
@if $k == size or $k == weight{ |
||||||
|
font-#{$k}:#{$c} |
||||||
|
}@else{ |
||||||
|
#{$k}:#{$c} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@each $key, $child in $uni-headings { |
||||||
|
/* #ifndef APP-NVUE */ |
||||||
|
.uni-#{$key} { |
||||||
|
@each $k, $c in $child { |
||||||
|
@include get-styles($k,$c) |
||||||
|
} |
||||||
|
} |
||||||
|
/* #endif */ |
||||||
|
/* #ifdef APP-NVUE */ |
||||||
|
.container .uni-#{$key} { |
||||||
|
@each $k, $c in $child { |
||||||
|
@include get-styles($k,$c) |
||||||
|
} |
||||||
|
} |
||||||
|
/* #endif */ |
||||||
|
} |
@ -0,0 +1,146 @@ |
|||||||
|
// @use "sass:math"; |
||||||
|
@import '../tools/functions.scss'; |
||||||
|
// 间距基础倍数 |
||||||
|
$uni-space-root: 2 !default; |
||||||
|
// 边框半径默认值 |
||||||
|
$uni-radius-root:5px !default; |
||||||
|
$uni-radius: () !default; |
||||||
|
// 边框半径断点 |
||||||
|
$uni-radius: map-deep-merge( |
||||||
|
( |
||||||
|
0: 0, |
||||||
|
// TODO 当前版本暂时不支持 sm 属性 |
||||||
|
// 'sm': math.div($uni-radius-root, 2), |
||||||
|
null: $uni-radius-root, |
||||||
|
'lg': $uni-radius-root * 2, |
||||||
|
'xl': $uni-radius-root * 6, |
||||||
|
'pill': 9999px, |
||||||
|
'circle': 50% |
||||||
|
), |
||||||
|
$uni-radius |
||||||
|
); |
||||||
|
// 字体家族 |
||||||
|
$body-font-family: 'Roboto', sans-serif !default; |
||||||
|
// 文本 |
||||||
|
$heading-font-family: $body-font-family !default; |
||||||
|
$uni-headings: () !default; |
||||||
|
$letterSpacing: -0.01562em; |
||||||
|
$uni-headings: map-deep-merge( |
||||||
|
( |
||||||
|
'h1': ( |
||||||
|
size: 32px, |
||||||
|
weight: 300, |
||||||
|
line-height: 50px, |
||||||
|
// letter-spacing:-0.01562em |
||||||
|
), |
||||||
|
'h2': ( |
||||||
|
size: 28px, |
||||||
|
weight: 300, |
||||||
|
line-height: 40px, |
||||||
|
// letter-spacing: -0.00833em |
||||||
|
), |
||||||
|
'h3': ( |
||||||
|
size: 24px, |
||||||
|
weight: 400, |
||||||
|
line-height: 32px, |
||||||
|
// letter-spacing: normal |
||||||
|
), |
||||||
|
'h4': ( |
||||||
|
size: 20px, |
||||||
|
weight: 400, |
||||||
|
line-height: 30px, |
||||||
|
// letter-spacing: 0.00735em |
||||||
|
), |
||||||
|
'h5': ( |
||||||
|
size: 16px, |
||||||
|
weight: 400, |
||||||
|
line-height: 24px, |
||||||
|
// letter-spacing: normal |
||||||
|
), |
||||||
|
'h6': ( |
||||||
|
size: 14px, |
||||||
|
weight: 500, |
||||||
|
line-height: 18px, |
||||||
|
// letter-spacing: 0.0125em |
||||||
|
), |
||||||
|
'subtitle': ( |
||||||
|
size: 12px, |
||||||
|
weight: 400, |
||||||
|
line-height: 20px, |
||||||
|
// letter-spacing: 0.00937em |
||||||
|
), |
||||||
|
'body': ( |
||||||
|
font-size: 14px, |
||||||
|
font-weight: 400, |
||||||
|
line-height: 22px, |
||||||
|
// letter-spacing: 0.03125em |
||||||
|
), |
||||||
|
'caption': ( |
||||||
|
'size': 12px, |
||||||
|
'weight': 400, |
||||||
|
'line-height': 20px, |
||||||
|
// 'letter-spacing': 0.03333em, |
||||||
|
// 'text-transform': false |
||||||
|
) |
||||||
|
), |
||||||
|
$uni-headings |
||||||
|
); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 主色 |
||||||
|
$uni-primary: #2979ff !default; |
||||||
|
$uni-primary-disable:lighten($uni-primary,20%) !default; |
||||||
|
$uni-primary-light: lighten($uni-primary,25%) !default; |
||||||
|
|
||||||
|
// 辅助色 |
||||||
|
// 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。 |
||||||
|
$uni-success: #18bc37 !default; |
||||||
|
$uni-success-disable:lighten($uni-success,20%) !default; |
||||||
|
$uni-success-light: lighten($uni-success,25%) !default; |
||||||
|
|
||||||
|
$uni-warning: #f3a73f !default; |
||||||
|
$uni-warning-disable:lighten($uni-warning,20%) !default; |
||||||
|
$uni-warning-light: lighten($uni-warning,25%) !default; |
||||||
|
|
||||||
|
$uni-error: #e43d33 !default; |
||||||
|
$uni-error-disable:lighten($uni-error,20%) !default; |
||||||
|
$uni-error-light: lighten($uni-error,25%) !default; |
||||||
|
|
||||||
|
$uni-info: #8f939c !default; |
||||||
|
$uni-info-disable:lighten($uni-info,20%) !default; |
||||||
|
$uni-info-light: lighten($uni-info,25%) !default; |
||||||
|
|
||||||
|
// 中性色 |
||||||
|
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。 |
||||||
|
$uni-main-color: #3a3a3a !default; // 主要文字 |
||||||
|
$uni-base-color: #6a6a6a !default; // 常规文字 |
||||||
|
$uni-secondary-color: #909399 !default; // 次要文字 |
||||||
|
$uni-extra-color: #c7c7c7 !default; // 辅助说明 |
||||||
|
|
||||||
|
// 边框颜色 |
||||||
|
$uni-border-1: #F0F0F0 !default; |
||||||
|
$uni-border-2: #EDEDED !default; |
||||||
|
$uni-border-3: #DCDCDC !default; |
||||||
|
$uni-border-4: #B9B9B9 !default; |
||||||
|
|
||||||
|
// 常规色 |
||||||
|
$uni-black: #000000 !default; |
||||||
|
$uni-white: #ffffff !default; |
||||||
|
$uni-transparent: rgba($color: #000000, $alpha: 0) !default; |
||||||
|
|
||||||
|
// 背景色 |
||||||
|
$uni-bg-color: #f7f7f7 !default; |
||||||
|
|
||||||
|
/* 水平间距 */ |
||||||
|
$uni-spacing-sm: 8px !default; |
||||||
|
$uni-spacing-base: 15px !default; |
||||||
|
$uni-spacing-lg: 30px !default; |
||||||
|
|
||||||
|
// 阴影 |
||||||
|
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default; |
||||||
|
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default; |
||||||
|
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default; |
||||||
|
|
||||||
|
// 蒙版 |
||||||
|
$uni-mask: rgba($color: #000000, $alpha: 0.4) !default; |
@ -0,0 +1,19 @@ |
|||||||
|
// 合并 map |
||||||
|
@function map-deep-merge($parent-map, $child-map){ |
||||||
|
$result: $parent-map; |
||||||
|
@each $key, $child in $child-map { |
||||||
|
$parent-has-key: map-has-key($result, $key); |
||||||
|
$parent-value: map-get($result, $key); |
||||||
|
$parent-type: type-of($parent-value); |
||||||
|
$child-type: type-of($child); |
||||||
|
$parent-is-map: $parent-type == map; |
||||||
|
$child-is-map: $child-type == map; |
||||||
|
|
||||||
|
@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){ |
||||||
|
$result: map-merge($result, ( $key: $child )); |
||||||
|
}@else { |
||||||
|
$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) )); |
||||||
|
} |
||||||
|
} |
||||||
|
@return $result; |
||||||
|
}; |
@ -0,0 +1,31 @@ |
|||||||
|
// 间距基础倍数 |
||||||
|
$uni-space-root: 2; |
||||||
|
// 边框半径默认值 |
||||||
|
$uni-radius-root:5px; |
||||||
|
// 主色 |
||||||
|
$uni-primary: #2979ff; |
||||||
|
// 辅助色 |
||||||
|
$uni-success: #4cd964; |
||||||
|
// 警告色 |
||||||
|
$uni-warning: #f0ad4e; |
||||||
|
// 错误色 |
||||||
|
$uni-error: #dd524d; |
||||||
|
// 描述色 |
||||||
|
$uni-info: #909399; |
||||||
|
// 中性色 |
||||||
|
$uni-main-color: #303133; |
||||||
|
$uni-base-color: #606266; |
||||||
|
$uni-secondary-color: #909399; |
||||||
|
$uni-extra-color: #C0C4CC; |
||||||
|
// 背景色 |
||||||
|
$uni-bg-color: #f5f5f5; |
||||||
|
// 边框颜色 |
||||||
|
$uni-border-1: #DCDFE6; |
||||||
|
$uni-border-2: #E4E7ED; |
||||||
|
$uni-border-3: #EBEEF5; |
||||||
|
$uni-border-4: #F2F6FC; |
||||||
|
|
||||||
|
// 常规色 |
||||||
|
$uni-black: #000000; |
||||||
|
$uni-white: #ffffff; |
||||||
|
$uni-transparent: rgba($color: #000000, $alpha: 0); |
@ -0,0 +1,62 @@ |
|||||||
|
@import './styles/setting/_variables.scss'; |
||||||
|
// 间距基础倍数 |
||||||
|
$uni-space-root: 2; |
||||||
|
// 边框半径默认值 |
||||||
|
$uni-radius-root:5px; |
||||||
|
|
||||||
|
// 主色 |
||||||
|
$uni-primary: #2979ff; |
||||||
|
$uni-primary-disable:mix(#fff,$uni-primary,50%); |
||||||
|
$uni-primary-light: mix(#fff,$uni-primary,80%); |
||||||
|
|
||||||
|
// 辅助色 |
||||||
|
// 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。 |
||||||
|
$uni-success: #18bc37; |
||||||
|
$uni-success-disable:mix(#fff,$uni-success,50%); |
||||||
|
$uni-success-light: mix(#fff,$uni-success,80%); |
||||||
|
|
||||||
|
$uni-warning: #f3a73f; |
||||||
|
$uni-warning-disable:mix(#fff,$uni-warning,50%); |
||||||
|
$uni-warning-light: mix(#fff,$uni-warning,80%); |
||||||
|
|
||||||
|
$uni-error: #e43d33; |
||||||
|
$uni-error-disable:mix(#fff,$uni-error,50%); |
||||||
|
$uni-error-light: mix(#fff,$uni-error,80%); |
||||||
|
|
||||||
|
$uni-info: #8f939c; |
||||||
|
$uni-info-disable:mix(#fff,$uni-info,50%); |
||||||
|
$uni-info-light: mix(#fff,$uni-info,80%); |
||||||
|
|
||||||
|
// 中性色 |
||||||
|
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。 |
||||||
|
$uni-main-color: #3a3a3a; // 主要文字 |
||||||
|
$uni-base-color: #6a6a6a; // 常规文字 |
||||||
|
$uni-secondary-color: #909399; // 次要文字 |
||||||
|
$uni-extra-color: #c7c7c7; // 辅助说明 |
||||||
|
|
||||||
|
// 边框颜色 |
||||||
|
$uni-border-1: #F0F0F0; |
||||||
|
$uni-border-2: #EDEDED; |
||||||
|
$uni-border-3: #DCDCDC; |
||||||
|
$uni-border-4: #B9B9B9; |
||||||
|
|
||||||
|
// 常规色 |
||||||
|
$uni-black: #000000; |
||||||
|
$uni-white: #ffffff; |
||||||
|
$uni-transparent: rgba($color: #000000, $alpha: 0); |
||||||
|
|
||||||
|
// 背景色 |
||||||
|
$uni-bg-color: #f7f7f7; |
||||||
|
|
||||||
|
/* 水平间距 */ |
||||||
|
$uni-spacing-sm: 8px; |
||||||
|
$uni-spacing-base: 15px; |
||||||
|
$uni-spacing-lg: 30px; |
||||||
|
|
||||||
|
// 阴影 |
||||||
|
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5); |
||||||
|
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2); |
||||||
|
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5); |
||||||
|
|
||||||
|
// 蒙版 |
||||||
|
$uni-mask: rgba($color: #000000, $alpha: 0.4); |
@ -1,4 +1,6 @@ |
|||||||
{ |
{ |
||||||
"usingComponents": {}, |
"usingComponents": { |
||||||
|
"superwei-combox": "/uni_modules/superwei-combox/components/superwei-combox/superwei-combox" |
||||||
|
}, |
||||||
"component": true |
"component": true |
||||||
} |
} |
@ -1 +1 @@ |
|||||||
<view class="content"><view class="content_item"><view><text>*</text>任务名称</view><view><input type="text"/></view></view><view class="content_item"><view><text>*</text>单位名称</view><view>123</view></view><view class="content_item"><view><text>*</text>协助机构</view><view>123</view></view></view> |
<view class="content"><view class="content_item_box"><view class="content_item"><view><text style="color:red;">*</text>任务名称</view><view><radio-group class="radio-group" name data-event-opts="{{[['change',[['task',['$event']]]]]}}" bindchange="__e"><block wx:for="{{data1}}" wx:for-item="item" wx:for-index="key" wx:key="name"><label class="radio" style="margin-right:20rpx;"><radio color="#317AFF" value="{{item.name}}"></radio><text>{{item.name}}</text></label></block></radio-group></view></view><view class="content_item"><view><text style="color:red;">*</text>单位名称</view><superwei-combox vue-id="4b796974-1" isJSON="{{true}}" candidates="{{companies}}" keyName="companyName" placeholder="请选择或输入" value="{{companyName}}" data-event-opts="{{[['^select',[['bbb',['$event']]]],['^input',[['__set_model',['','companyName','$event',[]]],['getCompanies',['$event']]]]]}}" bind:select="__e" bind:input="__e" bind:__l="__l"></superwei-combox></view><view class="content_item"><view><text style="color:red;">*</text>协助机构</view><block wx:if="{{isSupervisor}}"><checkbox-group data-event-opts="{{[['change',[['aaa',['$event']]]]]}}" class="checkbox-group" bindchange="__e"><block wx:for="{{supervisorList}}" wx:for-item="item" wx:for-index="key" wx:key="key"><label class="checkbox"><checkbox style="transform:scale(0.7);" color="#317AFF" value="{{item.id}}"></checkbox><text>{{item.name}}</text></label></block></checkbox-group></block><block wx:else><checkbox-group data-event-opts="{{[['change',[['aaa',['$event']]]]]}}" class="checkbox-group" bindchange="__e"><block wx:for="{{og}}" wx:for-item="item" wx:for-index="key" wx:key="key"><label class="checkbox"><checkbox style="transform:scale(0.7);" color="#317AFF" value="{{item.id}}"></checkbox><text>{{item.name}}</text></label></block></checkbox-group></block></view></view><view class="button"><button data-event-opts="{{[['tap',[['apply']]]]}}" bindtap="__e">确定</button></view></view> |
@ -1 +1 @@ |
|||||||
<view>456</view> |
<view class="content"><view class="content_item_box"><view class="content_item"><view>任务名称:</view><view>{{''+list.taskType+''}}</view></view><view class="content_item"><view>单位名称:</view><view>{{''+list.company.companyName+''}}</view></view><view class="content_item"><view>协助机构:</view><view><block wx:for="{{list.supervisors}}" wx:for-item="item" wx:for-index="k" wx:key="k"><view>{{''+item.name+''}}</view></block></view></view></view></view> |
@ -0,0 +1,73 @@ |
|||||||
|
@charset "UTF-8"; |
||||||
|
/** |
||||||
|
* 这里是uni-app内置的常用样式变量 |
||||||
|
* |
||||||
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 |
||||||
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App |
||||||
|
* |
||||||
|
*/ |
||||||
|
/** |
||||||
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 |
||||||
|
* |
||||||
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 |
||||||
|
*/ |
||||||
|
/* 颜色变量 */ |
||||||
|
/* 行为相关颜色 */ |
||||||
|
/* 文字基本颜色 */ |
||||||
|
/* 背景颜色 */ |
||||||
|
/* 边框颜色 */ |
||||||
|
/* 尺寸变量 */ |
||||||
|
/* 文字尺寸 */ |
||||||
|
/* 图片尺寸 */ |
||||||
|
/* Border Radius */ |
||||||
|
/* 水平间距 */ |
||||||
|
/* 垂直间距 */ |
||||||
|
/* 透明度 */ |
||||||
|
/* 文章场景相关 */ |
||||||
|
.content { |
||||||
|
height: 100%; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
padding: 0 20rpx; |
||||||
|
} |
||||||
|
.content .content_item_box { |
||||||
|
flex: 1; |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
.content .content_item { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
padding: 20rpx 0; |
||||||
|
} |
||||||
|
.content .content_item view { |
||||||
|
margin: 0 20rpx; |
||||||
|
} |
||||||
|
.content .content_item .input { |
||||||
|
flex: 1; |
||||||
|
height: 60rpx; |
||||||
|
border: 2rpx solid #E4E7EC; |
||||||
|
} |
||||||
|
.content .button { |
||||||
|
display: flex; |
||||||
|
height: 150rpx; |
||||||
|
} |
||||||
|
.content .checkbox-group, |
||||||
|
.content .radio-group { |
||||||
|
flex: 1; |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
.content .checkbox-group .checkbox, |
||||||
|
.content .checkbox-group .radio, |
||||||
|
.content .radio-group .checkbox, |
||||||
|
.content .radio-group .radio { |
||||||
|
margin-bottom: 10rpx; |
||||||
|
margin-right: 10rpx; |
||||||
|
} |
||||||
|
.content .checkbox-group .checkbox radio, |
||||||
|
.content .checkbox-group .radio radio, |
||||||
|
.content .radio-group .checkbox radio, |
||||||
|
.content .radio-group .radio radio { |
||||||
|
-webkit-transform: scale(0.7); |
||||||
|
transform: scale(0.7); |
||||||
|
} |
||||||
|
|
@ -0,0 +1,283 @@ |
|||||||
|
(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["pages/demo/demo"],{ |
||||||
|
|
||||||
|
/***/ 34: |
||||||
|
/*!*************************************************************************!*\ |
||||||
|
!*** F:/项目2/Jinan_app/Jinan_app/main.js?{"page":"pages%2Fdemo%2Fdemo"} ***! |
||||||
|
\*************************************************************************/ |
||||||
|
/*! no static exports found */ |
||||||
|
/***/ (function(module, exports, __webpack_require__) { |
||||||
|
|
||||||
|
"use strict"; |
||||||
|
/* WEBPACK VAR INJECTION */(function(createPage) {__webpack_require__(/*! uni-pages */ 5); |
||||||
|
|
||||||
|
|
||||||
|
var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 4)); |
||||||
|
var _demo = _interopRequireDefault(__webpack_require__(/*! ./pages/demo/demo.vue */ 35));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };} // @ts-ignore
|
||||||
|
wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;createPage(_demo.default); |
||||||
|
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["createPage"])) |
||||||
|
|
||||||
|
/***/ }), |
||||||
|
|
||||||
|
/***/ 35: |
||||||
|
/*!******************************************************!*\ |
||||||
|
!*** F:/项目2/Jinan_app/Jinan_app/pages/demo/demo.vue ***! |
||||||
|
\******************************************************/ |
||||||
|
/*! no static exports found */ |
||||||
|
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||||
|
|
||||||
|
"use strict"; |
||||||
|
__webpack_require__.r(__webpack_exports__); |
||||||
|
/* harmony import */ var _demo_vue_vue_type_template_id_eae40a34___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./demo.vue?vue&type=template&id=eae40a34& */ 36); |
||||||
|
/* harmony import */ var _demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./demo.vue?vue&type=script&lang=js& */ 38); |
||||||
|
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__)); |
||||||
|
/* harmony import */ var _demo_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./demo.vue?vue&type=style&index=0&lang=scss& */ 40); |
||||||
|
/* harmony import */ var _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js */ 11); |
||||||
|
|
||||||
|
var renderjs |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* normalize component */ |
||||||
|
|
||||||
|
var component = Object(_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])( |
||||||
|
_demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], |
||||||
|
_demo_vue_vue_type_template_id_eae40a34___WEBPACK_IMPORTED_MODULE_0__["render"], |
||||||
|
_demo_vue_vue_type_template_id_eae40a34___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], |
||||||
|
false, |
||||||
|
null, |
||||||
|
null, |
||||||
|
null, |
||||||
|
false, |
||||||
|
_demo_vue_vue_type_template_id_eae40a34___WEBPACK_IMPORTED_MODULE_0__["components"], |
||||||
|
renderjs |
||||||
|
) |
||||||
|
|
||||||
|
component.options.__file = "pages/demo/demo.vue" |
||||||
|
/* harmony default export */ __webpack_exports__["default"] = (component.exports); |
||||||
|
|
||||||
|
/***/ }), |
||||||
|
|
||||||
|
/***/ 36: |
||||||
|
/*!*************************************************************************************!*\ |
||||||
|
!*** F:/项目2/Jinan_app/Jinan_app/pages/demo/demo.vue?vue&type=template&id=eae40a34& ***! |
||||||
|
\*************************************************************************************/ |
||||||
|
/*! exports provided: render, staticRenderFns, recyclableRender, components */ |
||||||
|
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||||
|
|
||||||
|
"use strict"; |
||||||
|
__webpack_require__.r(__webpack_exports__); |
||||||
|
/* harmony import */ var _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_template_id_eae40a34___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./demo.vue?vue&type=template&id=eae40a34& */ 37); |
||||||
|
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_template_id_eae40a34___WEBPACK_IMPORTED_MODULE_0__["render"]; }); |
||||||
|
|
||||||
|
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_template_id_eae40a34___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); |
||||||
|
|
||||||
|
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_template_id_eae40a34___WEBPACK_IMPORTED_MODULE_0__["recyclableRender"]; }); |
||||||
|
|
||||||
|
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "components", function() { return _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_template_id_eae40a34___WEBPACK_IMPORTED_MODULE_0__["components"]; }); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }), |
||||||
|
|
||||||
|
/***/ 37: |
||||||
|
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ |
||||||
|
!*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!F:/项目2/Jinan_app/Jinan_app/pages/demo/demo.vue?vue&type=template&id=eae40a34& ***! |
||||||
|
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ |
||||||
|
/*! exports provided: render, staticRenderFns, recyclableRender, components */ |
||||||
|
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||||
|
|
||||||
|
"use strict"; |
||||||
|
__webpack_require__.r(__webpack_exports__); |
||||||
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; }); |
||||||
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; }); |
||||||
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; }); |
||||||
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; }); |
||||||
|
var components |
||||||
|
var render = function() { |
||||||
|
var _vm = this |
||||||
|
var _h = _vm.$createElement |
||||||
|
var _c = _vm._self._c || _h |
||||||
|
} |
||||||
|
var recyclableRender = false |
||||||
|
var staticRenderFns = [] |
||||||
|
render._withStripped = true |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }), |
||||||
|
|
||||||
|
/***/ 38: |
||||||
|
/*!*******************************************************************************!*\ |
||||||
|
!*** F:/项目2/Jinan_app/Jinan_app/pages/demo/demo.vue?vue&type=script&lang=js& ***! |
||||||
|
\*******************************************************************************/ |
||||||
|
/*! no static exports found */ |
||||||
|
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||||
|
|
||||||
|
"use strict"; |
||||||
|
__webpack_require__.r(__webpack_exports__); |
||||||
|
/* harmony import */ var _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./demo.vue?vue&type=script&lang=js& */ 39); |
||||||
|
/* harmony import */ var _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__); |
||||||
|
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); |
||||||
|
/* harmony default export */ __webpack_exports__["default"] = (_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default.a);
|
||||||
|
|
||||||
|
/***/ }), |
||||||
|
|
||||||
|
/***/ 39: |
||||||
|
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ |
||||||
|
!*** ./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!F:/项目2/Jinan_app/Jinan_app/pages/demo/demo.vue?vue&type=script&lang=js& ***! |
||||||
|
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ |
||||||
|
/*! no static exports found */ |
||||||
|
/***/ (function(module, exports, __webpack_require__) { |
||||||
|
|
||||||
|
"use strict"; |
||||||
|
/* WEBPACK VAR INJECTION */(function(uni) {Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0; //
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
var _default = |
||||||
|
{ |
||||||
|
data: function data() { |
||||||
|
return { |
||||||
|
api: this.$config.api + "/api/Objects/integration/", |
||||||
|
isAuth: false, |
||||||
|
imgShow: '', |
||||||
|
age: { |
||||||
|
imgShow: '', |
||||||
|
text: '' }, |
||||||
|
|
||||||
|
fi: "", |
||||||
|
imageStyles: { |
||||||
|
width: 64, |
||||||
|
height: 64, |
||||||
|
border: { |
||||||
|
radius: '50%' } }, |
||||||
|
|
||||||
|
|
||||||
|
listStyles: { |
||||||
|
// 是否显示边框
|
||||||
|
border: true, |
||||||
|
// 是否显示分隔线
|
||||||
|
dividline: true, |
||||||
|
// 线条样式
|
||||||
|
borderStyle: { |
||||||
|
width: 1, |
||||||
|
color: 'blue', |
||||||
|
style: 'dashed', |
||||||
|
radius: 2 } }, |
||||||
|
|
||||||
|
|
||||||
|
fileLists: [{ |
||||||
|
url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg', |
||||||
|
extname: 'png', |
||||||
|
name: 'shuijiao.png' }, |
||||||
|
{ |
||||||
|
url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg', |
||||||
|
extname: 'png', |
||||||
|
name: 'uniapp-logo.png' }, |
||||||
|
{ |
||||||
|
url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg', |
||||||
|
extname: 'png', |
||||||
|
name: 'shuijiao.png' }] }; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}, |
||||||
|
onLoad: function onLoad() { |
||||||
|
console.log(this.api); |
||||||
|
|
||||||
|
if (uni.getStorageSync('aabb')) { |
||||||
|
this.age = uni.getStorageSync('aabb'); |
||||||
|
console.log(this.age); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
methods: { |
||||||
|
chooseImage: function chooseImage() { |
||||||
|
var _this = this; |
||||||
|
uni.chooseImage({ |
||||||
|
count: 1, //默认9
|
||||||
|
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
|
||||||
|
sourceType: ['album', 'camera'], //从相册选择、摄像头
|
||||||
|
success: function success(res) { |
||||||
|
_this.age.imgShow = res.tempFilePaths[0]; |
||||||
|
} }); |
||||||
|
|
||||||
|
// ass()
|
||||||
|
}, |
||||||
|
aaa: function aaa() { |
||||||
|
uni.setStorageSync('aabb', this.age); |
||||||
|
|
||||||
|
}, |
||||||
|
bbb: function bbb() {var _this2 = this; |
||||||
|
this.$request.uploadFile(this.age.imgShow, function (data, res) { |
||||||
|
console.log(data, res); |
||||||
|
_this2.fi = res.objectName; |
||||||
|
}); |
||||||
|
}, |
||||||
|
select: function select(e) { |
||||||
|
console.log('选择文件:', e); |
||||||
|
}, |
||||||
|
// 获取上传进度
|
||||||
|
progress: function progress(e) { |
||||||
|
console.log('上传进度:', e); |
||||||
|
}, |
||||||
|
|
||||||
|
// 上传成功
|
||||||
|
success: function success(e) { |
||||||
|
console.log('上传成功'); |
||||||
|
}, |
||||||
|
|
||||||
|
// 上传失败
|
||||||
|
fail: function fail(e) { |
||||||
|
console.log('上传失败:', e); |
||||||
|
} } };exports.default = _default; |
||||||
|
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"])) |
||||||
|
|
||||||
|
/***/ }), |
||||||
|
|
||||||
|
/***/ 40: |
||||||
|
/*!****************************************************************************************!*\ |
||||||
|
!*** F:/项目2/Jinan_app/Jinan_app/pages/demo/demo.vue?vue&type=style&index=0&lang=scss& ***! |
||||||
|
\****************************************************************************************/ |
||||||
|
/*! no static exports found */ |
||||||
|
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||||
|
|
||||||
|
"use strict"; |
||||||
|
__webpack_require__.r(__webpack_exports__); |
||||||
|
/* harmony import */ var _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!./node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-2!./node_modules/postcss-loader/src??ref--8-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-5!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./demo.vue?vue&type=style&index=0&lang=scss& */ 41); |
||||||
|
/* harmony import */ var _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__); |
||||||
|
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); |
||||||
|
/* harmony default export */ __webpack_exports__["default"] = (_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_3_4_7_20220422_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_demo_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a);
|
||||||
|
|
||||||
|
/***/ }), |
||||||
|
|
||||||
|
/***/ 41: |
||||||
|
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ |
||||||
|
!*** ./node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-2!./node_modules/postcss-loader/src??ref--8-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-5!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!F:/项目2/Jinan_app/Jinan_app/pages/demo/demo.vue?vue&type=style&index=0&lang=scss& ***! |
||||||
|
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ |
||||||
|
/*! no static exports found */ |
||||||
|
/***/ (function(module, exports, __webpack_require__) { |
||||||
|
|
||||||
|
// extracted by mini-css-extract-plugin
|
||||||
|
if(false) { var cssReload; } |
||||||
|
|
||||||
|
|
||||||
|
/***/ }) |
||||||
|
|
||||||
|
},[[34,"common/runtime","common/vendor"]]]); |
||||||
|
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/demo/demo.js.map
|
@ -0,0 +1,7 @@ |
|||||||
|
{ |
||||||
|
"backgroundTextStyle": "light", |
||||||
|
"navigationBarBackgroundColor": "#317AFF", |
||||||
|
"navigationBarTitleText": "消防一体化综合治理平台", |
||||||
|
"navigationBarTextStyle": "white", |
||||||
|
"usingComponents": {} |
||||||
|
} |
@ -0,0 +1 @@ |
|||||||
|
<view><image class="toux" src="{{age.imgShow}}" mode data-event-opts="{{[['tap',[['chooseImage',['$event']]]]]}}" bindtap="__e"></image><input type="text" data-event-opts="{{[['input',[['__set_model',['$0','text','$event',[]],['age']]]]]}}" value="{{age.text}}" bindinput="__e"/><button data-event-opts="{{[['tap',[['aaa']]]]}}" bindtap="__e">aaa</button><button data-event-opts="{{[['tap',[['bbb']]]]}}" bindtap="__e">bbb</button><uni-section vue-id="719c3a40-1" title="只选择图片" type="line" bind:__l="__l" vue-slots="{{['default']}}"><view class="example-body"><uni-file-picker vue-id="{{('719c3a40-2')+','+('719c3a40-1')}}" limit="9" title="最多选择9张图片" bind:__l="__l"></uni-file-picker></view></uni-section><image class="toux" src="{{api+fi}}" mode data-event-opts="{{[['tap',[['chooseImage',['$event']]]]]}}" bindtap="__e"></image></view> |
@ -0,0 +1,52 @@ |
|||||||
|
@charset "UTF-8"; |
||||||
|
/** |
||||||
|
* 这里是uni-app内置的常用样式变量 |
||||||
|
* |
||||||
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 |
||||||
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App |
||||||
|
* |
||||||
|
*/ |
||||||
|
/** |
||||||
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 |
||||||
|
* |
||||||
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 |
||||||
|
*/ |
||||||
|
/* 颜色变量 */ |
||||||
|
/* 行为相关颜色 */ |
||||||
|
/* 文字基本颜色 */ |
||||||
|
/* 背景颜色 */ |
||||||
|
/* 边框颜色 */ |
||||||
|
/* 尺寸变量 */ |
||||||
|
/* 文字尺寸 */ |
||||||
|
/* 图片尺寸 */ |
||||||
|
/* Border Radius */ |
||||||
|
/* 水平间距 */ |
||||||
|
/* 垂直间距 */ |
||||||
|
/* 透明度 */ |
||||||
|
/* 文章场景相关 */ |
||||||
|
.camera { |
||||||
|
width: 430rpx; |
||||||
|
height: 430rpx; |
||||||
|
border-radius: 50%; |
||||||
|
margin: 20px auto 0; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.camera image { |
||||||
|
position: absolute; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
z-index: 10; |
||||||
|
} |
||||||
|
.camera camera { |
||||||
|
width: 428rpx; |
||||||
|
height: 428rpx; |
||||||
|
} |
||||||
|
button.takePhoto:not([size='mini']) { |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
width: 100vw; |
||||||
|
height: 90rpx; |
||||||
|
border-radius: 0; |
||||||
|
} |
||||||
|
|
@ -1 +1 @@ |
|||||||
<view class="page"><view class="top"><view class="pure_top"></view><view class="calendar"><view class="date_year"><view style="display:flex;"><picker value="{{dates.year}}" mode="date" fields="year" data-event-opts="{{[['change',[['dateYear',['$event']]]]]}}" bindchange="__e"><view>{{dates.year}}</view></picker><image style="width:30rpx;height:30rpx;margin:10rpx 0 0 10rpx;" src="{{$root.m0}}" alt class="_img"></image></view><view style="margin:0 10rpx;">|</view><view>{{''+today.month+"."+dates.day+''}}</view></view><view class="monthbox"><block wx:for="{{months}}" wx:for-item="item" wx:for-index="key" wx:key="key"><view data-event-opts="{{[['tap',[['dateMonth',['$0'],[[['months','',key]]]]]]]}}" class="{{['month_class',(item==dates.month)?'month_color':'']}}" bindtap="__e"><text>{{item}}</text></view></block></view></view></view><view class="taskbox"><block wx:for="{{user}}" wx:for-item="item" wx:for-index="key" wx:key="key"><view class="itembox"><view class="top"><view class="left"><image src="{{$root.m1}}" alt class="_img"></image><view><text>{{item.name+"任务总数"}}</text><text>{{nub}}</text></view></view><view class="right"><block wx:if="{{nub}}"><view style="margin-right:10rpx;">完成</view></block><view><block wx:if="{{nub}}"><text>{{item.tasknub+'/'+nub+"件"}}</text></block><block wx:else><text>暂无任务</text></block></view></view></view><view class="charts-box" style="display:flex;"><image src="{{$root.m2}}" alt class="_img"></image><block wx:if="{{identity}}"><view style="width:50%;"><qiun-data-charts vue-id="{{'8dd740cc-1-'+key}}" type="ring" opts="{{opts}}" chartData="{{chartData}}" bind:__l="__l"></qiun-data-charts></view></block><view style="width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;"><block wx:for="{{chartData.series[0].data}}" wx:for-item="item" wx:for-index="key" wx:key="key"><view class="tagbox"><view class="tag" style="{{('background:'+opts.color[key]+';')}}"></view><text>{{item.name+"-------"+item.value+"个"}}</text></view></block></view></view></view></block></view><view class="listbox"><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="key" wx:key="key"><view class="item"><view class="typebox"><view style="width:12rpx;height:34rpx;margin-top:6rpx;background-color:#9D80FF;color:#9D80FF;">1</view><view class="type">{{''+item.$orig.taskType+''}}</view></view><view class="namebox"><view class="name">{{''+item.$orig.company.companyName+''}}</view><view style="width:30%;padding-left:20rpx;"><block wx:if="{{item.$orig.company.useNature=='重点单位'}}"><view class="tag">{{''+item.$orig.company.useNature+''}}</view></block><block wx:else><view class="tag2">{{''+item.$orig.company.useNature+''}}</view></block></view></view><view class="staffbox"><view class="staff" style="flex:1;"><view>主负责人:</view><view class="zhu">{{item.$orig.organization.name}}</view></view><view class="jiancha">待检查</view></view><view style="display:flex;"><view style="flex:1;"><view class="staffbox"><view class="staff"><view>协助人员:</view><block wx:for="{{item.l0}}" wx:for-item="i" wx:for-index="k" wx:key="k"><view style="display:flex;justify-content:center;align-items:center;"><block wx:if="{{i.$orig.posts&&i.$orig.posts[0]=='主查人员'}}"><image src="{{i.m3}}" alt class="_img"></image></block><block wx:if="{{i.$orig.posts&&i.$orig.posts[0]=='协查人员'}}"><image src="{{i.m4}}" alt class="_img"></image></block>{{''+i.$orig.name+''}}</view></block></view></view><view class="staffbox"><view class="staff"><view>检查时间:</view><view>{{item.$orig.checkTime}}</view></view></view></view><view class="implement"><view class="button"><button data-event-opts="{{[['tap',[['start',['$0'],[[['list','',key]]]]]]]}}" bindtap="__e">执行</button></view></view></view></view></block></view></view> |
<view class="page"><view class="top"><view class="pure_top"></view><view class="calendar"><view class="date_year"><view style="display:flex;"><picker value="{{dates.year}}" mode="date" fields="year" data-event-opts="{{[['change',[['dateYear',['$event']]]]]}}" bindchange="__e"><view>{{dates.year}}</view></picker><image style="width:30rpx;height:30rpx;margin:10rpx 0 0 10rpx;" src="{{$root.m0}}" alt class="_img"></image></view><view style="margin:0 10rpx;">|</view><view>{{''+today.month+"."+dates.day+''}}</view></view><view class="monthbox"><block wx:for="{{months}}" wx:for-item="item" wx:for-index="key" wx:key="key"><view data-event-opts="{{[['tap',[['dateMonth',['$0'],[[['months','',key]]]]]]]}}" class="{{['month_class',(item==dates.month)?'month_color':'',(item>month)?'month_color2':'']}}" bindtap="__e"><text>{{item}}</text></view></block></view></view></view><view class="taskbox"><block wx:for="{{user}}" wx:for-item="item" wx:for-index="key" wx:key="key"><view class="itembox"><view class="top"><view class="left"><image src="{{$root.m1}}" alt class="_img"></image><view><text>{{item.name+"任务总数"}}</text><text>{{nub}}</text></view></view><view class="right"><block wx:if="{{nub}}"><view style="margin-right:10rpx;">完成</view></block><view><block wx:if="{{nub}}"><text>{{item.tasknub+'/'+nub+"件"}}</text></block><block wx:else><text>暂无任务</text></block></view></view></view><view class="charts-box" style="display:flex;"><image src="{{$root.m2}}" alt class="_img"></image><block wx:if="{{identity}}"><view style="width:50%;"><qiun-data-charts vue-id="{{'8dd740cc-1-'+key}}" type="ring" opts="{{opts}}" chartData="{{chartData}}" bind:__l="__l"></qiun-data-charts></view></block><view style="width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;"><block wx:for="{{chartData.series[0].data}}" wx:for-item="item" wx:for-index="key" wx:key="key"><view class="tagbox"><view class="tag" style="{{('background:'+opts.color[key]+';')}}"></view><text>{{item.name+"-------"+item.value+"个"}}</text></view></block></view></view></view></block></view><view class="listbox"><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="key" wx:key="key"><view class="item"><view class="typebox"><view style="width:12rpx;height:34rpx;margin-top:6rpx;background-color:#9D80FF;color:#9D80FF;">1</view><view class="type">{{''+item.$orig.taskType+''}}</view></view><view class="namebox"><view class="name">{{''+item.$orig.company.companyName+''}}</view><view style="width:30%;padding-left:20rpx;"><block wx:if="{{item.$orig.company.useNature=='重点单位'}}"><view class="tag">{{''+item.$orig.company.useNature+''}}</view></block><block wx:else><view class="tag2">{{''+item.$orig.company.useNature+''}}</view></block></view></view><view class="staffbox"><view class="staff" style="flex:1;"><view>主负责人:</view><view class="zhu">{{item.$orig.organization.name}}</view></view><view class="jiancha">待检查</view></view><view style="display:flex;"><view style="flex:1;"><view class="staffbox"><view class="staff"><view>协助人员:</view><block wx:for="{{item.l0}}" wx:for-item="i" wx:for-index="k" wx:key="k"><view style="display:flex;justify-content:center;align-items:center;"><block wx:if="{{i.$orig.posts&&i.$orig.posts[0]=='主查人员'}}"><image src="{{i.m3}}" alt class="_img"></image></block><block wx:if="{{i.$orig.posts&&i.$orig.posts[0]=='协查人员'}}"><image src="{{i.m4}}" alt class="_img"></image></block>{{''+i.$orig.name+''}}</view></block></view></view><view class="staffbox"><view class="staff"><view>检查时间:</view><view>{{item.$orig.checkTime}}</view></view></view></view><view class="implement"><block wx:if="{{false}}"><view class="button"><button data-event-opts="{{[['tap',[['start',['$0'],[[['list','',key]]]]]]]}}" bindtap="__e">执行</button></view></block><image src="{{$root.m5}}" alt class="_img"></image></view></view></view></block></view></view> |
@ -1 +1 @@ |
|||||||
<view class="page"><view class="top"><image src="{{$root.m0}}" alt class="_img"></image><view class="tops"></view></view><view class="items"><view class="title"><image mode="widthFix" src="{{$root.m1}}" alt class="_img"></image><view class="text">欢迎登录防消一体化综合治理平台</view></view><view class="item"><view class="label">账号/手机号</view><view class="input"><input type="text" placeholder="请输入账号/手机号" data-event-opts="{{[['input',[['__set_model',['$0','name','$event',[]],['form']]]]]}}" value="{{form.name}}" bindinput="__e"/></view></view><view class="item"><view class="label">密码</view><view class="input"><input type="password" placeholder="请输入密码" data-event-opts="{{[['input',[['__set_model',['$0','password','$event',[]],['form']]]]]}}" value="{{form.password}}" bindinput="__e"/></view></view><view class="item"><label><checkbox value="{{form.auto}}"></checkbox><text>自动登录</text></label></view><view class="button"><button data-event-opts="{{[['tap',[['getUserInfo']]]]}}" bindtap="__e">登录</button></view></view></view> |
<view class="page"><view class="top"><image src="{{$root.m0}}" alt class="_img"></image><view class="tops"></view></view><view class="items"><view class="title"><image mode="widthFix" src="{{$root.m1}}" alt class="_img"></image><view class="text">欢迎登录防消一体化综合治理平台</view></view><view class="item"><view class="label">账号</view><view class="input"><input type="text" placeholder="请输入账号" data-event-opts="{{[['input',[['__set_model',['$0','name','$event',[]],['form']]]]]}}" value="{{form.name}}" bindinput="__e"/></view></view><view class="item"><view class="label">密码</view><view class="input"><input type="password" placeholder="请输入密码" data-event-opts="{{[['input',[['__set_model',['$0','password','$event',[]],['form']]]]]}}" value="{{form.password}}" bindinput="__e"/></view></view><view class="item"></view><view class="button"><button data-event-opts="{{[['tap',[['getUserInfo']]]]}}" bindtap="__e">登录</button></view></view></view> |