28 changed files with 3766 additions and 29 deletions
@ -0,0 +1,54 @@
|
||||
<template> |
||||
<u-navbar |
||||
:title="title" |
||||
:auto-back="true" |
||||
left-icon-size="40rpx" |
||||
:safe-area-inset-top="true" |
||||
:placeholder="true" |
||||
bgColor="#fff" |
||||
fixed |
||||
></u-navbar> |
||||
<view style="padding:16rpx 26rpx;"> |
||||
<u-parse :content="content"></u-parse> |
||||
</view> |
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
import {webConfig} from "../../api/other"; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
content:'', |
||||
pageParam:'', |
||||
title:'', |
||||
} |
||||
}, |
||||
onLoad(option) { |
||||
this.pageParam = option.article_path || ''; |
||||
this.getArticle(); |
||||
}, |
||||
computed: {}, |
||||
methods: { |
||||
getArticle(){ |
||||
webConfig({type:this.pageParam}).then(response => { |
||||
this.content = response.data[this.pageParam].title; |
||||
this.content = response.data[this.pageParam].content; |
||||
}) |
||||
} |
||||
}, |
||||
onPageScroll(res) { |
||||
if (res.scrollTop <= 20) { |
||||
uni.$emit('isTop', true); |
||||
} else { |
||||
uni.$emit('isTop', false); |
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"></style> |
||||
@ -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,275 @@
|
||||
<template> |
||||
<view class="uni-combox" :class="border ? '' : 'uni-combox__no-border'"> |
||||
<view v-if="label" 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 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}}</text> |
||||
</view> |
||||
</scroll-view> |
||||
</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: '无匹配项' |
||||
}, |
||||
// #ifndef VUE3 |
||||
value: { |
||||
type: [String, Number], |
||||
default: '' |
||||
}, |
||||
// #endif |
||||
// #ifdef VUE3 |
||||
modelValue: { |
||||
type: [String, Number], |
||||
default: '' |
||||
}, |
||||
// #endif |
||||
}, |
||||
data() { |
||||
return { |
||||
showSelector: false, |
||||
inputVal: '' |
||||
} |
||||
}, |
||||
computed: { |
||||
labelStyle() { |
||||
if (this.labelWidth === 'auto') { |
||||
return "" |
||||
} |
||||
return `width: ${this.labelWidth}` |
||||
}, |
||||
filterCandidates() { |
||||
return this.candidates.filter((item) => { |
||||
return item.toString().indexOf(this.inputVal) > -1 |
||||
}) |
||||
}, |
||||
filterCandidatesLength() { |
||||
return this.filterCandidates.length |
||||
} |
||||
}, |
||||
watch: { |
||||
// #ifndef VUE3 |
||||
value: { |
||||
handler(newVal) { |
||||
this.inputVal = newVal |
||||
}, |
||||
immediate: true |
||||
}, |
||||
// #endif |
||||
// #ifdef VUE3 |
||||
modelValue: { |
||||
handler(newVal) { |
||||
this.inputVal = newVal |
||||
}, |
||||
immediate: true |
||||
}, |
||||
// #endif |
||||
}, |
||||
methods: { |
||||
toggleSelector() { |
||||
this.showSelector = !this.showSelector |
||||
}, |
||||
onFocus() { |
||||
this.showSelector = true |
||||
}, |
||||
onBlur() { |
||||
setTimeout(() => { |
||||
this.showSelector = false |
||||
}, 153) |
||||
}, |
||||
onSelectorClick(index) { |
||||
this.inputVal = this.filterCandidates[index] |
||||
this.showSelector = false |
||||
this.$emit('input', this.inputVal) |
||||
this.$emit('update:modelValue', this.inputVal) |
||||
}, |
||||
onInput() { |
||||
setTimeout(() => { |
||||
this.$emit('input', this.inputVal) |
||||
this.$emit('update:modelValue', this.inputVal) |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.uni-combox { |
||||
font-size: 14px; |
||||
border: 1px solid #DCDFE6; |
||||
border-radius: 4px; |
||||
padding: 0; |
||||
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: 2; |
||||
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,35 @@
|
||||
## 1.0.6（2023-04-12） |
||||
- 修复 微信小程序点击时会改变背景颜色的 bug |
||||
## 1.0.5（2023-02-03） |
||||
- 修复 禁用时会显示清空按钮 |
||||
## 1.0.4（2023-02-02） |
||||
- 优化 查询条件短期内多次变更只查询最后一次变更后的结果 |
||||
- 调整 内部缓存键名调整为 uni-data-select-lastSelectedValue |
||||
## 1.0.3（2023-01-16） |
||||
- 修复 不关联服务空间报错的问题 |
||||
## 1.0.2（2023-01-14） |
||||
- 新增 属性 `format` 可用于格式化显示选项内容 |
||||
## 1.0.1（2022-12-06） |
||||
- 修复 当where变化时，数据不会自动更新的问题 |
||||
## 0.1.9（2022-09-05） |
||||
- 修复 微信小程序下拉框出现后选择会点击到蒙板后面的输入框 |
||||
## 0.1.8（2022-08-29） |
||||
- 修复 点击的位置不准确 |
||||
## 0.1.7（2022-08-12） |
||||
- 新增 支持 disabled 属性 |
||||
## 0.1.6（2022-07-06） |
||||
- 修复 pc端宽度异常的bug |
||||
## 0.1.5 |
||||
- 修复 pc端宽度异常的bug |
||||
## 0.1.4（2022-07-05） |
||||
- 优化 显示样式 |
||||
## 0.1.3（2022-06-02） |
||||
- 修复 localdata 赋值不生效的 bug |
||||
- 新增 支持 uni.scss 修改颜色 |
||||
- 新增 支持选项禁用（数据选项设置 disabled: true 即禁用） |
||||
## 0.1.2（2022-05-08） |
||||
- 修复 当 value 为 0 时选择不生效的 bug |
||||
## 0.1.1（2022-05-07） |
||||
- 新增 记住上次的选项（仅 collection 存在时有效） |
||||
## 0.1.0（2022-04-22） |
||||
- 初始化 |
||||
@ -0,0 +1,517 @@
|
||||
<template> |
||||
<view class="uni-stat__select"> |
||||
<span v-if="label" class="uni-label-text hide-on-phone">{{label + '：'}}</span> |
||||
<view class="uni-stat-box" :class="{'uni-stat__actived': current}"> |
||||
<view class="uni-select" :class="{'uni-select--disabled':disabled}"> |
||||
<view class="uni-select__input-box" @click="toggleSelector"> |
||||
<view v-if="current" class="uni-select__input-text">{{current}}</view> |
||||
<view v-else class="uni-select__input-text uni-select__input-placeholder">{{typePlaceholder}}</view> |
||||
<view v-if="current && clear && !disabled" @click.stop="clearVal" > |
||||
<uni-icons type="clear" color="#c0c4cc" size="24"/> |
||||
</view> |
||||
<view v-else> |
||||
<uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" /> |
||||
</view> |
||||
</view> |
||||
<view class="uni-select--mask" v-if="showSelector" @click="toggleSelector" /> |
||||
<view class="uni-select__selector" v-if="showSelector"> |
||||
<view class="uni-popper__arrow"></view> |
||||
<scroll-view scroll-y="true" class="uni-select__selector-scroll"> |
||||
<view class="uni-select__selector-empty" v-if="mixinDatacomResData.length === 0"> |
||||
<text>{{emptyTips}}</text> |
||||
</view> |
||||
<view v-else class="uni-select__selector-item" v-for="(item,index) in mixinDatacomResData" :key="index" |
||||
@click="change(item)"> |
||||
<text :class="{'uni-select__selector__disabled': item.disable}">{{formatItemName(item)}}</text> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
/** |
||||
* DataChecklist 数据选择器 |
||||
* @description 通过数据渲染的下拉框组件 |
||||
* @tutorial https://uniapp.dcloud.io/component/uniui/uni-data-select |
||||
* @property {String} value 默认值 |
||||
* @property {Array} localdata 本地数据 ，格式 [{text:'',value:''}] |
||||
* @property {Boolean} clear 是否可以清空已选项 |
||||
* @property {Boolean} emptyText 没有数据时显示的文字 ，本地数据无效 |
||||
* @property {String} label 左侧标题 |
||||
* @property {String} placeholder 输入框的提示文字 |
||||
* @property {Boolean} disabled 是否禁用 |
||||
* @event {Function} change 选中发生变化触发 |
||||
*/ |
||||
|
||||
export default { |
||||
name: "uni-data-select", |
||||
mixins: [uniCloud.mixinDatacom || {}], |
||||
props: { |
||||
localdata: { |
||||
type: Array, |
||||
default () { |
||||
return [] |
||||
} |
||||
}, |
||||
value: { |
||||
type: [String, Number], |
||||
default: '' |
||||
}, |
||||
modelValue: { |
||||
type: [String, Number], |
||||
default: '' |
||||
}, |
||||
label: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
placeholder: { |
||||
type: String, |
||||
default: '请选择' |
||||
}, |
||||
emptyTips: { |
||||
type: String, |
||||
default: '无选项' |
||||
}, |
||||
clear: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
defItem: { |
||||
type: Number, |
||||
default: 0 |
||||
}, |
||||
disabled: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
// 格式化输出 用法 field="_id as value, version as text, uni_platform as label" format="{label} - {text}" |
||||
format: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
}, |
||||
data() { |
||||
return { |
||||
showSelector: false, |
||||
current: '', |
||||
mixinDatacomResData: [], |
||||
apps: [], |
||||
channels: [], |
||||
cacheKey: "uni-data-select-lastSelectedValue", |
||||
}; |
||||
}, |
||||
created() { |
||||
this.debounceGet = this.debounce(() => { |
||||
this.query(); |
||||
}, 300); |
||||
if (this.collection && !this.localdata.length) { |
||||
this.debounceGet(); |
||||
} |
||||
}, |
||||
computed: { |
||||
typePlaceholder() { |
||||
const text = { |
||||
'opendb-stat-app-versions': '版本', |
||||
'opendb-app-channels': '渠道', |
||||
'opendb-app-list': '应用' |
||||
} |
||||
const common = this.placeholder |
||||
const placeholder = text[this.collection] |
||||
return placeholder ? |
||||
common + placeholder : |
||||
common |
||||
}, |
||||
valueCom(){ |
||||
// #ifdef VUE3 |
||||
return this.modelValue; |
||||
// #endif |
||||
// #ifndef VUE3 |
||||
return this.value; |
||||
// #endif |
||||
} |
||||
}, |
||||
watch: { |
||||
localdata: { |
||||
immediate: true, |
||||
handler(val, old) { |
||||
if (Array.isArray(val) && old !== val) { |
||||
this.mixinDatacomResData = val |
||||
} |
||||
} |
||||
}, |
||||
valueCom(val, old) { |
||||
this.initDefVal() |
||||
}, |
||||
mixinDatacomResData: { |
||||
immediate: true, |
||||
handler(val) { |
||||
if (val.length) { |
||||
this.initDefVal() |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
methods: { |
||||
debounce(fn, time = 100){ |
||||
let timer = null |
||||
return function(...args) { |
||||
if (timer) clearTimeout(timer) |
||||
timer = setTimeout(() => { |
||||
fn.apply(this, args) |
||||
}, time) |
||||
} |
||||
}, |
||||
// 执行数据库查询 |
||||
query(){ |
||||
this.mixinDatacomEasyGet(); |
||||
}, |
||||
// 监听查询条件变更事件 |
||||
onMixinDatacomPropsChange(){ |
||||
if (this.collection) { |
||||
this.debounceGet(); |
||||
} |
||||
}, |
||||
initDefVal() { |
||||
let defValue = '' |
||||
if ((this.valueCom || this.valueCom === 0) && !this.isDisabled(this.valueCom)) { |
||||
defValue = this.valueCom |
||||
} else { |
||||
let strogeValue |
||||
if (this.collection) { |
||||
strogeValue = this.getCache() |
||||
} |
||||
if (strogeValue || strogeValue === 0) { |
||||
defValue = strogeValue |
||||
} else { |
||||
let defItem = '' |
||||
if (this.defItem > 0 && this.defItem <= this.mixinDatacomResData.length) { |
||||
defItem = this.mixinDatacomResData[this.defItem - 1].value |
||||
} |
||||
defValue = defItem |
||||
} |
||||
if (defValue || defValue === 0) { |
||||
this.emit(defValue) |
||||
} |
||||
} |
||||
const def = this.mixinDatacomResData.find(item => item.value === defValue) |
||||
this.current = def ? this.formatItemName(def) : '' |
||||
}, |
||||
|
||||
/** |
||||
* @param {[String, Number]} value |
||||
* 判断用户给的 value 是否同时为禁用状态 |
||||
*/ |
||||
isDisabled(value) { |
||||
let isDisabled = false; |
||||
|
||||
this.mixinDatacomResData.forEach(item => { |
||||
if (item.value === value) { |
||||
isDisabled = item.disable |
||||
} |
||||
}) |
||||
|
||||
return isDisabled; |
||||
}, |
||||
|
||||
clearVal() { |
||||
this.emit('') |
||||
if (this.collection) { |
||||
this.removeCache() |
||||
} |
||||
}, |
||||
change(item) { |
||||
if (!item.disable) { |
||||
this.showSelector = false |
||||
this.current = this.formatItemName(item) |
||||
this.emit(item.value) |
||||
} |
||||
}, |
||||
emit(val) { |
||||
this.$emit('input', val) |
||||
this.$emit('update:modelValue', val) |
||||
this.$emit('change', val) |
||||
if (this.collection) { |
||||
this.setCache(val); |
||||
} |
||||
}, |
||||
toggleSelector() { |
||||
if (this.disabled) { |
||||
return |
||||
} |
||||
|
||||
this.showSelector = !this.showSelector |
||||
}, |
||||
formatItemName(item) { |
||||
let { |
||||
text, |
||||
value, |
||||
channel_code |
||||
} = item |
||||
channel_code = channel_code ? `(${channel_code})` : '' |
||||
|
||||
if (this.format) { |
||||
// 格式化输出 |
||||
let str = ""; |
||||
str = this.format; |
||||
for (let key in item) { |
||||
str = str.replace(new RegExp(`{${key}}`,"g"),item[key]); |
||||
} |
||||
return str; |
||||
} else { |
||||
return this.collection.indexOf('app-list') > 0 ? |
||||
`${text}(${value})` : |
||||
( |
||||
text ? |
||||
text : |
||||
`未命名${channel_code}` |
||||
) |
||||
} |
||||
}, |
||||
// 获取当前加载的数据 |
||||
getLoadData(){ |
||||
return this.mixinDatacomResData; |
||||
}, |
||||
// 获取当前缓存key |
||||
getCurrentCacheKey(){ |
||||
return this.collection; |
||||
}, |
||||
// 获取缓存 |
||||
getCache(name=this.getCurrentCacheKey()){ |
||||
let cacheData = uni.getStorageSync(this.cacheKey) || {}; |
||||
return cacheData[name]; |
||||
}, |
||||
// 设置缓存 |
||||
setCache(value, name=this.getCurrentCacheKey()){ |
||||
let cacheData = uni.getStorageSync(this.cacheKey) || {}; |
||||
cacheData[name] = value; |
||||
uni.setStorageSync(this.cacheKey, cacheData); |
||||
}, |
||||
// 删除缓存 |
||||
removeCache(name=this.getCurrentCacheKey()){ |
||||
let cacheData = uni.getStorageSync(this.cacheKey) || {}; |
||||
delete cacheData[name]; |
||||
uni.setStorageSync(this.cacheKey, cacheData); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
$uni-base-color: #6a6a6a !default; |
||||
$uni-main-color: #333 !default; |
||||
$uni-secondary-color: #909399 !default; |
||||
$uni-border-3: #e5e5e5; |
||||
|
||||
|
||||
/* #ifndef APP-NVUE */ |
||||
@media screen and (max-width: 500px) { |
||||
.hide-on-phone { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/* #endif */ |
||||
.uni-stat__select { |
||||
display: flex; |
||||
align-items: center; |
||||
// padding: 15px; |
||||
/* #ifdef H5 */ |
||||
cursor: pointer; |
||||
/* #endif */ |
||||
width: 100%; |
||||
flex: 1; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.uni-stat-box { |
||||
width: 100%; |
||||
flex: 1; |
||||
} |
||||
|
||||
.uni-stat__actived { |
||||
width: 100%; |
||||
flex: 1; |
||||
// outline: 1px solid #2979ff; |
||||
} |
||||
|
||||
.uni-label-text { |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
color: $uni-base-color; |
||||
margin: auto 0; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.uni-select { |
||||
font-size: 14px; |
||||
border: 1px solid $uni-border-3; |
||||
box-sizing: border-box; |
||||
border-radius: 4px; |
||||
padding: 0 5px; |
||||
padding-left: 10px; |
||||
position: relative; |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
user-select: none; |
||||
/* #endif */ |
||||
flex-direction: row; |
||||
align-items: center; |
||||
border-bottom: solid 1px $uni-border-3; |
||||
width: 100%; |
||||
flex: 1; |
||||
height: 35px; |
||||
|
||||
&--disabled { |
||||
background-color: #f5f7fa; |
||||
cursor: not-allowed; |
||||
} |
||||
} |
||||
|
||||
.uni-select__label { |
||||
font-size: 16px; |
||||
// line-height: 22px; |
||||
height: 35px; |
||||
padding-right: 10px; |
||||
color: $uni-secondary-color; |
||||
} |
||||
|
||||
.uni-select__input-box { |
||||
height: 35px; |
||||
position: relative; |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex: 1; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
} |
||||
|
||||
.uni-select__input { |
||||
flex: 1; |
||||
font-size: 14px; |
||||
height: 22px; |
||||
line-height: 22px; |
||||
} |
||||
|
||||
.uni-select__input-plac { |
||||
font-size: 14px; |
||||
color: $uni-secondary-color; |
||||
} |
||||
|
||||
.uni-select__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: 3; |
||||
padding: 4px 0; |
||||
} |
||||
|
||||
.uni-select__selector-scroll { |
||||
/* #ifndef APP-NVUE */ |
||||
max-height: 200px; |
||||
box-sizing: border-box; |
||||
/* #endif */ |
||||
} |
||||
|
||||
/* #ifdef H5 */ |
||||
@media (min-width: 768px) { |
||||
.uni-select__selector-scroll { |
||||
max-height: 600px; |
||||
} |
||||
} |
||||
/* #endif */ |
||||
|
||||
.uni-select__selector-empty, |
||||
.uni-select__selector-item { |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
cursor: pointer; |
||||
/* #endif */ |
||||
line-height: 35px; |
||||
font-size: 14px; |
||||
text-align: center; |
||||
/* border-bottom: solid 1px $uni-border-3; */ |
||||
padding: 0px 10px; |
||||
} |
||||
|
||||
.uni-select__selector-item:hover { |
||||
background-color: #f9f9f9; |
||||
} |
||||
|
||||
.uni-select__selector-empty:last-child, |
||||
.uni-select__selector-item:last-child { |
||||
/* #ifndef APP-NVUE */ |
||||
border-bottom: none; |
||||
/* #endif */ |
||||
} |
||||
|
||||
.uni-select__selector__disabled { |
||||
opacity: 0.4; |
||||
cursor: default; |
||||
} |
||||
|
||||
/* 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-select__input-text { |
||||
// width: 280px; |
||||
width: 100%; |
||||
color: $uni-main-color; |
||||
white-space: nowrap; |
||||
text-overflow: ellipsis; |
||||
-o-text-overflow: ellipsis; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.uni-select__input-placeholder { |
||||
color: $uni-base-color; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.uni-select--mask { |
||||
position: fixed; |
||||
top: 0; |
||||
bottom: 0; |
||||
right: 0; |
||||
left: 0; |
||||
z-index: 2; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,85 @@
|
||||
{ |
||||
"id": "uni-data-select", |
||||
"displayName": "uni-data-select 下拉框选择器", |
||||
"version": "1.0.6", |
||||
"description": "通过数据驱动的下拉框选择器", |
||||
"keywords": [ |
||||
"uni-ui", |
||||
"select", |
||||
"uni-data-select", |
||||
"下拉框", |
||||
"下拉选" |
||||
], |
||||
"repository": "https://github.com/dcloudio/uni-ui", |
||||
"engines": { |
||||
"HBuilderX": "^3.1.1" |
||||
}, |
||||
"directories": { |
||||
"example": "../../temps/example_temps" |
||||
}, |
||||
"dcloudext": { |
||||
"sale": { |
||||
"regular": { |
||||
"price": "0.00" |
||||
}, |
||||
"sourcecode": { |
||||
"price": "0.00" |
||||
} |
||||
}, |
||||
"contact": { |
||||
"qq": "" |
||||
}, |
||||
"declaration": { |
||||
"ads": "无", |
||||
"data": "无", |
||||
"permissions": "无" |
||||
}, |
||||
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui", |
||||
"type": "component-vue" |
||||
}, |
||||
"uni_modules": { |
||||
"dependencies": ["uni-load-more"], |
||||
"encrypt": [], |
||||
"platforms": { |
||||
"cloud": { |
||||
"tcb": "y", |
||||
"aliyun": "y" |
||||
}, |
||||
"client": { |
||||
"App": { |
||||
"app-vue": "u", |
||||
"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", |
||||
"阿里": "u", |
||||
"百度": "u", |
||||
"字节跳动": "u", |
||||
"QQ": "u", |
||||
"京东": "u" |
||||
}, |
||||
"快应用": { |
||||
"华为": "u", |
||||
"联盟": "u" |
||||
}, |
||||
"Vue": { |
||||
"vue2": "y", |
||||
"vue3": "y" |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,8 @@
|
||||
## DataSelect 下拉框选择器 |
||||
> **组件名：uni-data-select** |
||||
> 代码块： `uDataSelect` |
||||
|
||||
当选项过多时，使用下拉菜单展示并选择内容 |
||||
|
||||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-data-select) |
||||
#### 如使用过程中有任何问题，或者您对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目录规范 |
||||
File diff suppressed because it is too large
Load Diff
@ -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"; |
||||
} |
||||
Binary file not shown.
@ -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,19 @@
|
||||
## 1.3.3（2022-01-20） |
||||
- 新增 showText属性 ，是否显示文本 |
||||
## 1.3.2（2022-01-19） |
||||
- 修复 nvue 平台下不显示文本的bug |
||||
## 1.3.1（2022-01-19） |
||||
- 修复 微信小程序平台样式选择器报警告的问题 |
||||
## 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-load-more](https://uniapp.dcloud.io/component/uniui/uni-load-more) |
||||
## 1.2.1（2021-08-24） |
||||
- 新增 支持国际化 |
||||
## 1.2.0（2021-07-30） |
||||
- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834) |
||||
## 1.1.8（2021-05-12） |
||||
- 新增 组件示例地址 |
||||
## 1.1.7（2021-03-30） |
||||
- 修复 uni-load-more 在首页使用时，h5 平台报 'uni is not defined' 的 bug |
||||
## 1.1.6（2021-02-05） |
||||
- 调整为uni_modules目录规范 |
||||
@ -0,0 +1,5 @@
|
||||
{ |
||||
"uni-load-more.contentdown": "Pull up to show more", |
||||
"uni-load-more.contentrefresh": "loading...", |
||||
"uni-load-more.contentnomore": "No more data" |
||||
} |
||||
@ -0,0 +1,8 @@
|
||||
import en from './en.json' |
||||
import zhHans from './zh-Hans.json' |
||||
import zhHant from './zh-Hant.json' |
||||
export default { |
||||
en, |
||||
'zh-Hans': zhHans, |
||||
'zh-Hant': zhHant |
||||
} |
||||
@ -0,0 +1,5 @@
|
||||
{ |
||||
"uni-load-more.contentdown": "上拉显示更多", |
||||
"uni-load-more.contentrefresh": "正在加载...", |
||||
"uni-load-more.contentnomore": "没有更多数据了" |
||||
} |
||||
@ -0,0 +1,5 @@
|
||||
{ |
||||
"uni-load-more.contentdown": "上拉顯示更多", |
||||
"uni-load-more.contentrefresh": "正在加載...", |
||||
"uni-load-more.contentnomore": "沒有更多數據了" |
||||
} |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,86 @@
|
||||
{ |
||||
"id": "uni-load-more", |
||||
"displayName": "uni-load-more 加载更多", |
||||
"version": "1.3.3", |
||||
"description": "LoadMore 组件，常用在列表里面，做滚动加载使用。", |
||||
"keywords": [ |
||||
"uni-ui", |
||||
"uniui", |
||||
"加载更多", |
||||
"load-more" |
||||
], |
||||
"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"], |
||||
"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,14 @@
|
||||
|
||||
|
||||
### LoadMore 加载更多 |
||||
> **组件名：uni-load-more** |
||||
> 代码块： `uLoadMore` |
||||
|
||||
|
||||
用于列表中，做滚动加载使用，展示 loading 的各种状态。 |
||||
|
||||
|
||||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-load-more) |
||||
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 |
||||
|
||||
|
||||
Loading…
Reference in new issue