74 changed files with 1958 additions and 2559 deletions
@ -1,8 +0,0 @@ |
|||
# Default ignored files |
|||
/shelf/ |
|||
/workspace.xml |
|||
# Datasource local storage ignored files |
|||
/../../../../:\workspace\bnyer-cloud-hub\.idea/dataSources/ |
|||
/dataSources.local.xml |
|||
# Editor-based HTTP Client requests |
|||
/httpRequests/ |
|||
@ -1,204 +1,158 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<!-- <view v-if="!showChoiceness"> |
|||
<view class="top"> |
|||
<image class="back-img" src="../../static/img/start.gif" mode=""></image> |
|||
<view class="top-bottom"> |
|||
</view> |
|||
<uni-search-bar class="uni-mt-10" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none" |
|||
@confirm="search" /> |
|||
<text>热门艺术家</text> |
|||
<view class="user-list"> |
|||
<view class="user-list-box" v-for="(item,index) in hotCreatorList" :key='item.id' |
|||
@click="goCreatorDetail(item.scanCode)"> |
|||
<image :src="item.img" mode=""></image> |
|||
<text>{{item.scanCode}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="middle"> |
|||
<text>近期精选</text> |
|||
<image src="../../static/img/slide-top.svg" mode=""></image> |
|||
</view> |
|||
<view class="top"> |
|||
<uni-notice-bar show-get-more show-icon more-text="查看更多" text="年末大礼：uni-app1.4 新增百度、支付宝小程序。插件市场重磅上线！" |
|||
@getmore="getMore" /> |
|||
<uni-notice-bar show-icon scrollable |
|||
text="uni-app 版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。" /> |
|||
</view> |
|||
<view class="middle"> |
|||
<uni-section title="我的資金" type="line" padding> |
|||
<text>錢包餘額</text> |
|||
</uni-section> |
|||
</view> |
|||
<view class="foot"> |
|||
<uni-section title="更多服務" type="line" padding> |
|||
<uni-grid :column="4" :highlight="true" @change="change"> |
|||
<uni-grid-item v-for="(item, index) in list" :index="index" :key="index"> |
|||
<view class="grid-item-box" style="background-color: #fff;" > |
|||
<uni-icons type="image" :size="30" color="#777" /> |
|||
<text class="text">{{item}}</text> |
|||
</view> |
|||
</uni-grid-item> |
|||
</uni-grid> |
|||
</uni-section> |
|||
</view> |
|||
<Choiceness v-else></Choiceness> --> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
loginWx |
|||
} from '@/api/index.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
hotCreatorList: [], |
|||
isTarget: true, |
|||
showChoiceness:false |
|||
} |
|||
}, |
|||
// 下拉刷新 |
|||
onPullDownRefresh() { |
|||
this.showChoiceness = false |
|||
uni.stopPullDownRefresh() |
|||
}, |
|||
created() { |
|||
const userInfo = uni.getStorageSync('userInfo') |
|||
if (!userInfo) { |
|||
console.log('havent userInfo') |
|||
this.getUserInfo() |
|||
} else { |
|||
console.log('have userInfo') |
|||
} |
|||
}, |
|||
onPageScroll(e) { |
|||
// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件 |
|||
|
|||
if (e.scrollTop > 160) { |
|||
this.showChoiceness = true |
|||
// uni.redirectTo({ |
|||
// url: '../index/choiceness' |
|||
// }) |
|||
list:['美團外賣','支付助手','廣告助手','上傳圖片','消息通知','我的信息','我的短信','我的頭像'] |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索 |
|||
search(res) { |
|||
if (res.value) { |
|||
console.log('search', res.value) |
|||
this.goCreatorDetail(res.value) |
|||
} else { |
|||
uni.showToast({ |
|||
title: '请输入艺术家代号', |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
// 获取用户信息 |
|||
getUserInfo() { |
|||
wx.login({ |
|||
force: true, |
|||
success: res => { |
|||
wx.getUserInfo({ |
|||
withCredentials: true, |
|||
success: userInfo => { |
|||
const params = { |
|||
code: res.code, |
|||
encryptedData: userInfo.encryptedData, |
|||
iv: userInfo.iv |
|||
} |
|||
// 用户授权登录 |
|||
console.log('params',params); |
|||
loginWx(params).then(res => { |
|||
if (res.data.code === 200) { |
|||
uni.setStorage({ |
|||
key: 'userInfo', |
|||
data: res.data.data.userInfo, |
|||
}) |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.data.msg, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
}).catch(res => {}) |
|||
console.log(`getUserInfo 调用成功`, userInfo); |
|||
}, |
|||
fail(userInfo) { |
|||
console.log(`getUserInfo 调用失败`); |
|||
}, |
|||
}); |
|||
}, |
|||
fail(res) { |
|||
console.log(`login 调用失败`); |
|||
}, |
|||
}); |
|||
|
|||
}, |
|||
|
|||
|
|||
// 滚动监听 |
|||
handleScroll() { |
|||
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop |
|||
console.log(scrollTop) |
|||
change(e) { |
|||
// this.index = e.detail.index |
|||
let { |
|||
index |
|||
} = e.detail |
|||
this.list[index].badge && this.list[index].badge++ |
|||
|
|||
uni.showToast({ |
|||
title: `点击第${index+1}个宫格`, |
|||
icon: 'none' |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.container { |
|||
.top { |
|||
width: 100vw; |
|||
|
|||
image { |
|||
width: 100vw; |
|||
height: 400rpx; |
|||
} |
|||
|
|||
.uni-searchbar { |
|||
border: 1px solid #11A8FD; |
|||
margin: 0 40rpx; |
|||
border-radius: 16rpx; |
|||
padding: 0; |
|||
|
|||
.uni-searchbar__box { |
|||
padding: 0; |
|||
border-radius: 16rpx !important; |
|||
} |
|||
} |
|||
|
|||
>text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
text-align: center; |
|||
padding-top: 40rpx; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.user-list { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
overflow-x: auto; |
|||
|
|||
.user-list-box { |
|||
width: 140rpx; |
|||
padding: 20rpx; |
|||
text-align: center; |
|||
|
|||
image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
text { |
|||
font-size: 24rpx; |
|||
color: #1E1E1E; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
<style lang="scss"> |
|||
.middle { |
|||
margin-top: 80px; |
|||
} |
|||
|
|||
.middle { |
|||
text-align: center; |
|||
height: calc(100vh - 248rpx); |
|||
padding-top: 40rpx; |
|||
.foot { |
|||
margin-top: 80px; |
|||
} |
|||
|
|||
text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
} |
|||
// .container { |
|||
// .top { |
|||
// width: 100vw; |
|||
|
|||
// image { |
|||
// width: 100vw; |
|||
// height: 400rpx; |
|||
// } |
|||
|
|||
// .uni-searchbar { |
|||
// border: 1px solid #11A8FD; |
|||
// margin: 0 40rpx; |
|||
// border-radius: 16rpx; |
|||
// padding: 0; |
|||
|
|||
// .uni-searchbar__box { |
|||
// padding: 0; |
|||
// border-radius: 16rpx !important; |
|||
// } |
|||
// } |
|||
|
|||
// >text { |
|||
// font-weight: bold; |
|||
// font-size: 14px; |
|||
// display: block; |
|||
// text-align: center; |
|||
// padding-top: 40rpx; |
|||
// padding-bottom: 20rpx; |
|||
// } |
|||
|
|||
// .user-list { |
|||
// display: flex; |
|||
// justify-content: flex-start; |
|||
// align-items: center; |
|||
// overflow-x: auto; |
|||
|
|||
// .user-list-box { |
|||
// width: 140rpx; |
|||
// padding: 20rpx; |
|||
// text-align: center; |
|||
|
|||
// image { |
|||
// width: 100rpx; |
|||
// height: 100rpx; |
|||
// border-radius: 100rpx; |
|||
// } |
|||
|
|||
// text { |
|||
// font-size: 24rpx; |
|||
// color: #1E1E1E; |
|||
// text-align: center; |
|||
// } |
|||
// } |
|||
// } |
|||
// } |
|||
|
|||
// .middle { |
|||
// text-align: center; |
|||
// height: calc(100vh - 248rpx); |
|||
// padding-top: 40rpx; |
|||
|
|||
// text { |
|||
// font-weight: bold; |
|||
// font-size: 14px; |
|||
// display: block; |
|||
// } |
|||
|
|||
// image { |
|||
// width: 40rpx; |
|||
// height: 40rpx; |
|||
// } |
|||
// } |
|||
// } |
|||
.grid-item-box { |
|||
flex: 1; |
|||
// position: relative; |
|||
/* #ifndef APP-NVUE */ |
|||
display: flex; |
|||
/* #endif */ |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding: 15px 0; |
|||
} |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
.grid-item-box-row { |
|||
flex: 1; |
|||
// position: relative; |
|||
/* #ifndef APP-NVUE */ |
|||
display: flex; |
|||
/* #endif */ |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding: 15px 0; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,6 +0,0 @@ |
|||
## 0.1.2（2022-06-08） |
|||
- 修复 微信小程序 separator 不显示问题 |
|||
## 0.1.1（2022-06-02） |
|||
- 新增 支持 uni.scss 修改颜色 |
|||
## 0.1.0（2022-04-21） |
|||
- 初始化 |
|||
@ -1,121 +0,0 @@ |
|||
<template> |
|||
<view class="uni-breadcrumb-item"> |
|||
<view :class="{ |
|||
'uni-breadcrumb-item--slot': true, |
|||
'uni-breadcrumb-item--slot-link': to && currentPage !== to |
|||
}" @click="navTo"> |
|||
<slot /> |
|||
</view> |
|||
<i v-if="separatorClass" class="uni-breadcrumb-item--separator" :class="separatorClass" /> |
|||
<text v-else class="uni-breadcrumb-item--separator">{{ separator }}</text> |
|||
</view> |
|||
</template> |
|||
<script> |
|||
/** |
|||
* BreadcrumbItem 面包屑导航子组件 |
|||
* @property {String/Object} to 路由跳转页面路径/对象 |
|||
* @property {Boolean} replace 在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录(仅 h5 支持） |
|||
*/ |
|||
export default { |
|||
data() { |
|||
return { |
|||
currentPage: "" |
|||
} |
|||
}, |
|||
options: { |
|||
virtualHost: true |
|||
}, |
|||
props: { |
|||
to: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
replace:{ |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}, |
|||
inject: { |
|||
uniBreadcrumb: { |
|||
from: "uniBreadcrumb", |
|||
default: null |
|||
} |
|||
}, |
|||
created(){ |
|||
const pages = getCurrentPages() |
|||
const page = pages[pages.length-1] |
|||
|
|||
if(page){ |
|||
this.currentPage = `/${page.route}` |
|||
} |
|||
}, |
|||
computed: { |
|||
separator() { |
|||
return this.uniBreadcrumb.separator |
|||
}, |
|||
separatorClass() { |
|||
return this.uniBreadcrumb.separatorClass |
|||
} |
|||
}, |
|||
methods: { |
|||
navTo() { |
|||
const { to } = this |
|||
|
|||
if (!to || this.currentPage === to){ |
|||
return |
|||
} |
|||
|
|||
if(this.replace){ |
|||
uni.redirectTo({ |
|||
url:to |
|||
}) |
|||
}else{ |
|||
uni.navigateTo({ |
|||
url:to |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss"> |
|||
$uni-primary: #2979ff !default; |
|||
$uni-base-color: #6a6a6a !default; |
|||
$uni-main-color: #3a3a3a !default; |
|||
.uni-breadcrumb-item { |
|||
display: flex; |
|||
align-items: center; |
|||
white-space: nowrap; |
|||
font-size: 14px; |
|||
|
|||
&--slot { |
|||
color: $uni-base-color; |
|||
padding: 0 10px; |
|||
|
|||
&-link { |
|||
color: $uni-main-color; |
|||
font-weight: bold; |
|||
/* #ifndef APP-NVUE */ |
|||
cursor: pointer; |
|||
/* #endif */ |
|||
|
|||
&:hover { |
|||
color: $uni-primary; |
|||
} |
|||
} |
|||
} |
|||
|
|||
&--separator { |
|||
font-size: 12px; |
|||
color: $uni-base-color; |
|||
} |
|||
|
|||
&:first-child &--slot { |
|||
padding-left: 0; |
|||
} |
|||
|
|||
&:last-child &--separator { |
|||
display: none; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,41 +0,0 @@ |
|||
<template> |
|||
<view class="uni-breadcrumb"> |
|||
<slot /> |
|||
</view> |
|||
</template> |
|||
<script> |
|||
/** |
|||
* Breadcrumb 面包屑导航父组件 |
|||
* @description 显示当前页面的路径，快速返回之前的任意页面 |
|||
* @tutorial https://ext.dcloud.net.cn/plugin?id=xxx |
|||
* @property {String} separator 分隔符，默认为斜杠'/' |
|||
* @property {String} separatorClass 图标分隔符 class |
|||
*/ |
|||
export default { |
|||
options: { |
|||
virtualHost: true |
|||
}, |
|||
props: { |
|||
separator: { |
|||
type: String, |
|||
default: '/' |
|||
}, |
|||
separatorClass: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
|
|||
provide() { |
|||
return { |
|||
uniBreadcrumb: this |
|||
} |
|||
} |
|||
|
|||
} |
|||
</script> |
|||
<style lang="scss"> |
|||
.uni-breadcrumb { |
|||
display: flex; |
|||
} |
|||
</style> |
|||
@ -1,88 +0,0 @@ |
|||
{ |
|||
"id": "uni-breadcrumb", |
|||
"displayName": "uni-breadcrumb 面包屑", |
|||
"version": "0.1.2", |
|||
"description": "Breadcrumb 面包屑", |
|||
"keywords": [ |
|||
"uni-breadcrumb", |
|||
"breadcrumb", |
|||
"uni-ui", |
|||
"面包屑导航", |
|||
"面包屑" |
|||
], |
|||
"repository": "", |
|||
"engines": { |
|||
"HBuilderX": "^3.1.0" |
|||
}, |
|||
"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": [], |
|||
"encrypt": [], |
|||
"platforms": { |
|||
"cloud": { |
|||
"tcb": "y", |
|||
"aliyun": "y" |
|||
}, |
|||
"client": { |
|||
"Vue": { |
|||
"vue2": "y", |
|||
"vue3": "y" |
|||
}, |
|||
"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", |
|||
"阿里": "u", |
|||
"百度": "u", |
|||
"字节跳动": "u", |
|||
"QQ": "u", |
|||
"京东": "u" |
|||
}, |
|||
"快应用": { |
|||
"华为": "u", |
|||
"联盟": "u" |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,66 +0,0 @@ |
|||
|
|||
## breadcrumb 面包屑导航 |
|||
> **组件名：uni-breadcrumb** |
|||
> 代码块： `ubreadcrumb` |
|||
|
|||
显示当前页面的路径，快速返回之前的任意页面。 |
|||
|
|||
### 安装方式 |
|||
|
|||
本组件符合[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)规范，`HBuilderX 2.5.5`起，只需将本组件导入项目，在页面`template`中即可直接使用，无需在页面中`import`和注册`components`。 |
|||
|
|||
如需通过`npm`方式使用`uni-ui`组件，另见文档：[https://ext.dcloud.net.cn/plugin?id=55](https://ext.dcloud.net.cn/plugin?id=55) |
|||
|
|||
### 基本用法 |
|||
|
|||
在 ``template`` 中使用组件 |
|||
|
|||
```html |
|||
<uni-breadcrumb separator="/"> |
|||
<uni-breadcrumb-item v-for="(route,index) in routes" :key="index" :to="route.to">{{route.name}}</uni-breadcrumb-item> |
|||
</uni-breadcrumb> |
|||
``` |
|||
|
|||
```js |
|||
export default { |
|||
name: "uni-stat-breadcrumb", |
|||
data() { |
|||
return { |
|||
routes: [{ |
|||
to: '/A', |
|||
name: 'A页面' |
|||
}, { |
|||
to: '/B', |
|||
name: 'B页面' |
|||
}, { |
|||
to: '/C', |
|||
name: 'C页面' |
|||
}] |
|||
}; |
|||
} |
|||
} |
|||
``` |
|||
|
|||
|
|||
## API |
|||
|
|||
### Breadcrumb Props |
|||
|
|||
|属性名 |类型 |默认值 |说明 | |
|||
|:-: |:-: |:-: |:-: | |
|||
|separator |String |斜杠'/' |分隔符 | |
|||
|separatorClass |String | |图标分隔符 class | |
|||
|
|||
### Breadcrumb Item Props |
|||
|
|||
|属性名 |类型 |默认值 |说明 | |
|||
|:-: |:-: |:-: |:-: | |
|||
|to |String | |路由跳转页面路径 | |
|||
|replace|Boolean | |在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录(仅 h5 支持） | |
|||
|
|||
|
|||
|
|||
|
|||
## 组件示例 |
|||
|
|||
点击查看：[https://hellouniapp.dcloud.net.cn/pages/extUI/breadcrumb/breadcrumb](https://hellouniapp.dcloud.net.cn/pages/extUI/breadcrumb/breadcrumb) |
|||
@ -1,10 +0,0 @@ |
|||
## 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） |
|||
- 初始化 |
|||
@ -1,402 +0,0 @@ |
|||
<template> |
|||
<view class="uni-stat__select"> |
|||
<span v-if="label" class="uni-label-text hide-on-phone">{{label + '：'}}</span> |
|||
<view :class="{'uni-stat__actived': current}"> |
|||
<view class="uni-select"> |
|||
<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> |
|||
<uni-icons v-if="current && clear" type="clear" color="#e1e1e1" size="18" @click="clearVal" /> |
|||
<uni-icons v-else :type="showSelector? 'top' : 'bottom'" size="14" color="#999" /> |
|||
</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 输入框的提示文字 |
|||
* @event {Function} change 选中发生变化触发 |
|||
*/ |
|||
|
|||
export default { |
|||
name: "uni-stat-select", |
|||
mixins: [uniCloud.mixinDatacom || {}], |
|||
data() { |
|||
return { |
|||
showSelector: false, |
|||
current: '', |
|||
mixinDatacomResData: [], |
|||
apps: [], |
|||
channels: [] |
|||
}; |
|||
}, |
|||
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 |
|||
} |
|||
}, |
|||
created() { |
|||
this.last = `${this.collection}_last_selected_option_value` |
|||
if (this.collection && !this.localdata.length) { |
|||
this.mixinDatacomEasyGet() |
|||
} |
|||
}, |
|||
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 |
|||
} |
|||
}, |
|||
watch: { |
|||
localdata: { |
|||
immediate: true, |
|||
handler(val, old) { |
|||
if (Array.isArray(val) && old!==val) { |
|||
this.mixinDatacomResData = val |
|||
} |
|||
} |
|||
}, |
|||
// #ifndef VUE3 |
|||
value() { |
|||
this.initDefVal() |
|||
}, |
|||
// #endif |
|||
// #ifdef VUE3 |
|||
modelValue() { |
|||
this.initDefVal() |
|||
}, |
|||
// #endif |
|||
mixinDatacomResData: { |
|||
immediate: true, |
|||
handler(val) { |
|||
if (val.length) { |
|||
this.initDefVal() |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
initDefVal() { |
|||
let defValue = '' |
|||
if ((this.value || this.value === 0) && !this.isDisabled(this.value)) { |
|||
defValue = this.value |
|||
} else if ((this.modelValue || this.modelValue === 0) && !this.isDisabled(this.modelValue)) { |
|||
defValue = this.modelValue |
|||
} else { |
|||
let strogeValue |
|||
if (this.collection) { |
|||
strogeValue = uni.getStorageSync(this.last) |
|||
} |
|||
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 |
|||
} |
|||
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) { |
|||
uni.removeStorageSync(this.last) |
|||
} |
|||
}, |
|||
change(item) { |
|||
if (!item.disable) { |
|||
this.showSelector = false |
|||
this.current = this.formatItemName(item) |
|||
this.emit(item.value) |
|||
} |
|||
}, |
|||
emit(val) { |
|||
this.$emit('change', val) |
|||
this.$emit('input', val) |
|||
this.$emit('update:modelValue', val) |
|||
if (this.collection) { |
|||
uni.setStorageSync(this.last, val) |
|||
} |
|||
}, |
|||
|
|||
toggleSelector() { |
|||
this.showSelector = !this.showSelector |
|||
}, |
|||
formatItemName(item) { |
|||
let { |
|||
text, |
|||
value, |
|||
channel_code |
|||
} = item |
|||
channel_code = channel_code ? `(${channel_code})` : '' |
|||
return this.collection.indexOf('app-list') > 0 ? |
|||
`${text}(${value})` : |
|||
( |
|||
text ? |
|||
text : |
|||
`未命名${channel_code}` |
|||
) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
/* #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; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.uni-stat__actived { |
|||
outline: 1px solid #2979ff; |
|||
} |
|||
|
|||
.uni-label-text { |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
color: #555; |
|||
margin: auto 0; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
.uni-select { |
|||
font-size: 14px; |
|||
border: 1px solid #DCDFE6; |
|||
box-sizing: border-box; |
|||
border-radius: 4px; |
|||
padding: 0 5px; |
|||
position: relative; |
|||
/* #ifndef APP-NVUE */ |
|||
display: flex; |
|||
user-select: none; |
|||
/* #endif */ |
|||
flex-direction: row; |
|||
align-items: center; |
|||
border-bottom: solid 1px #DDDDDD; |
|||
} |
|||
|
|||
.uni-select__label { |
|||
font-size: 16px; |
|||
line-height: 22px; |
|||
padding-right: 10px; |
|||
color: #999999; |
|||
} |
|||
|
|||
.uni-select__input-box { |
|||
min-height: 36px; |
|||
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: #999; |
|||
} |
|||
|
|||
.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: 2; |
|||
padding: 4px 0; |
|||
} |
|||
|
|||
.uni-select__selector-scroll { |
|||
/* #ifndef APP-NVUE */ |
|||
max-height: 200px; |
|||
box-sizing: border-box; |
|||
/* #endif */ |
|||
} |
|||
|
|||
.uni-select__selector-empty, |
|||
.uni-select__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-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; |
|||
color: #333; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
-o-text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.uni-select__input-placeholder { |
|||
color: #666; |
|||
} |
|||
|
|||
.uni-select--mask { |
|||
position: fixed; |
|||
top: 0; |
|||
bottom: 0; |
|||
right: 0; |
|||
left: 0; |
|||
} |
|||
</style> |
|||
@ -1,88 +0,0 @@ |
|||
{ |
|||
"id": "uni-data-select", |
|||
"displayName": "uni-data-select 下拉框选择器", |
|||
"version": "0.1.3", |
|||
"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": { |
|||
"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-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" |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,8 +0,0 @@ |
|||
## DataSelect 下拉框选择器 |
|||
> **组件名：uni-data-select** |
|||
> 代码块： `uDataSelect` |
|||
|
|||
当选项过多时，使用下拉菜单展示并选择内容 |
|||
|
|||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-data-select) |
|||
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 |
|||
File diff suppressed because it is too large
@ -0,0 +1,293 @@ |
|||
/** |
|||
* 简单处理对象拷贝 |
|||
* @param {Obejct} 被拷贝对象 |
|||
* @@return {Object} 拷贝对象 |
|||
*/ |
|||
export const deepCopy = (val) => { |
|||
return JSON.parse(JSON.stringify(val)) |
|||
} |
|||
/** |
|||
* 过滤数字类型 |
|||
* @param {String} format 数字类型 |
|||
* @@return {Boolean} 返回是否为数字类型 |
|||
*/ |
|||
export const typeFilter = (format) => { |
|||
return format === 'int' || format === 'double' || format === 'number' || format === 'timestamp'; |
|||
} |
|||
|
|||
/** |
|||
* 把 value 转换成指定的类型，用于处理初始值，原因是初始值需要入库不能为 undefined |
|||
* @param {String} key 字段名 |
|||
* @param {any} value 字段值 |
|||
* @param {Object} rules 表单校验规则 |
|||
*/ |
|||
export const getValue = (key, value, rules) => { |
|||
const isRuleNumType = rules.find(val => val.format && typeFilter(val.format)); |
|||
const isRuleBoolType = rules.find(val => (val.format && val.format === 'boolean') || val.format === 'bool'); |
|||
// 输入类型为 number
|
|||
if (!!isRuleNumType) { |
|||
if (!value && value !== 0) { |
|||
value = null |
|||
} else { |
|||
value = isNumber(Number(value)) ? Number(value) : value |
|||
} |
|||
} |
|||
|
|||
// 输入类型为 boolean
|
|||
if (!!isRuleBoolType) { |
|||
value = isBoolean(value) ? value : false |
|||
} |
|||
|
|||
return value; |
|||
} |
|||
|
|||
/** |
|||
* 获取表单数据 |
|||
* @param {String|Array} name 真实名称，需要使用 realName 获取 |
|||
* @param {Object} data 原始数据 |
|||
* @param {any} value 需要设置的值 |
|||
*/ |
|||
export const setDataValue = (field, formdata, value) => { |
|||
formdata[field] = value |
|||
return value || '' |
|||
} |
|||
|
|||
/** |
|||
* 获取表单数据 |
|||
* @param {String|Array} field 真实名称，需要使用 realName 获取 |
|||
* @param {Object} data 原始数据 |
|||
*/ |
|||
export const getDataValue = (field, data) => { |
|||
return objGet(data, field) |
|||
} |
|||
|
|||
/** |
|||
* 获取表单类型 |
|||
* @param {String|Array} field 真实名称，需要使用 realName 获取 |
|||
*/ |
|||
export const getDataValueType = (field, data) => { |
|||
const value = getDataValue(field, data) |
|||
return { |
|||
type: type(value), |
|||
value |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 获取表单可用的真实name |
|||
* @param {String|Array} name 表单name |
|||
* @@return {String} 表单可用的真实name |
|||
*/ |
|||
export const realName = (name, data = {}) => { |
|||
const base_name = _basePath(name) |
|||
if (typeof base_name === 'object' && Array.isArray(base_name) && base_name.length > 1) { |
|||
const realname = base_name.reduce((a, b) => a += `#${b}`, '_formdata_') |
|||
return realname |
|||
} |
|||
return base_name[0] || name |
|||
} |
|||
|
|||
/** |
|||
* 判断是否表单可用的真实name |
|||
* @param {String|Array} name 表单name |
|||
* @@return {String} 表单可用的真实name |
|||
*/ |
|||
export const isRealName = (name) => { |
|||
const reg = /^_formdata_#*/ |
|||
return reg.test(name) |
|||
} |
|||
|
|||
/** |
|||
* 获取表单数据的原始格式 |
|||
* @@return {Object|Array} object 需要解析的数据 |
|||
*/ |
|||
export const rawData = (object = {}, name) => { |
|||
let newData = JSON.parse(JSON.stringify(object)) |
|||
let formData = {} |
|||
for(let i in newData){ |
|||
let path = name2arr(i) |
|||
objSet(formData,path,newData[i]) |
|||
} |
|||
return formData |
|||
} |
|||
|
|||
/** |
|||
* 真实name还原为 array |
|||
* @param {*} name |
|||
*/ |
|||
export const name2arr = (name) => { |
|||
let field = name.replace('_formdata_#', '') |
|||
field = field.split('#').map(v => (isNumber(v) ? Number(v) : v)) |
|||
return field |
|||
} |
|||
|
|||
/** |
|||
* 对象中设置值 |
|||
* @param {Object|Array} object 源数据 |
|||
* @param {String| Array} path 'a.b.c' 或 ['a',0,'b','c'] |
|||
* @param {String} value 需要设置的值 |
|||
*/ |
|||
export const objSet = (object, path, value) => { |
|||
if (typeof object !== 'object') return object; |
|||
_basePath(path).reduce((o, k, i, _) => { |
|||
if (i === _.length - 1) { |
|||
// 若遍历结束直接赋值
|
|||
o[k] = value |
|||
return null |
|||
} else if (k in o) { |
|||
// 若存在对应路径，则返回找到的对象，进行下一次遍历
|
|||
return o[k] |
|||
} else { |
|||
// 若不存在对应路径，则创建对应对象，若下一路径是数字，新对象赋值为空数组，否则赋值为空对象
|
|||
o[k] = /^[0-9]{1,}$/.test(_[i + 1]) ? [] : {} |
|||
return o[k] |
|||
} |
|||
}, object) |
|||
// 返回object
|
|||
return object; |
|||
} |
|||
|
|||
// 处理 path， path有三种形式：'a[0].b.c'、'a.0.b.c' 和 ['a','0','b','c']，需要统一处理成数组，便于后续使用
|
|||
function _basePath(path) { |
|||
// 若是数组，则直接返回
|
|||
if (Array.isArray(path)) return path |
|||
// 若有 '[',']'，则替换成将 '[' 替换成 '.',去掉 ']'
|
|||
return path.replace(/\[/g, '.').replace(/\]/g, '').split('.') |
|||
} |
|||
|
|||
/** |
|||
* 从对象中获取值 |
|||
* @param {Object|Array} object 源数据 |
|||
* @param {String| Array} path 'a.b.c' 或 ['a',0,'b','c'] |
|||
* @param {String} defaultVal 如果无法从调用链中获取值的默认值 |
|||
*/ |
|||
export const objGet = (object, path, defaultVal = 'undefined') => { |
|||
// 先将path处理成统一格式
|
|||
let newPath = _basePath(path) |
|||
// 递归处理，返回最后结果
|
|||
let val = newPath.reduce((o, k) => { |
|||
return (o || {})[k] |
|||
}, object); |
|||
return !val || val !== undefined ? val : defaultVal |
|||
} |
|||
|
|||
|
|||
/** |
|||
* 是否为 number 类型 |
|||
* @param {any} num 需要判断的值 |
|||
* @return {Boolean} 是否为 number |
|||
*/ |
|||
export const isNumber = (num) => { |
|||
return !isNaN(Number(num)) |
|||
} |
|||
|
|||
/** |
|||
* 是否为 boolean 类型 |
|||
* @param {any} bool 需要判断的值 |
|||
* @return {Boolean} 是否为 boolean |
|||
*/ |
|||
export const isBoolean = (bool) => { |
|||
return (typeof bool === 'boolean') |
|||
} |
|||
/** |
|||
* 是否有必填字段 |
|||
* @param {Object} rules 规则 |
|||
* @return {Boolean} 是否有必填字段 |
|||
*/ |
|||
export const isRequiredField = (rules) => { |
|||
let isNoField = false; |
|||
for (let i = 0; i < rules.length; i++) { |
|||
const ruleData = rules[i]; |
|||
if (ruleData.required) { |
|||
isNoField = true; |
|||
break; |
|||
} |
|||
} |
|||
return isNoField; |
|||
} |
|||
|
|||
|
|||
/** |
|||
* 获取数据类型 |
|||
* @param {Any} obj 需要获取数据类型的值 |
|||
*/ |
|||
export const type = (obj) => { |
|||
var class2type = {}; |
|||
|
|||
// 生成class2type映射
|
|||
"Boolean Number String Function Array Date RegExp Object Error".split(" ").map(function(item, index) { |
|||
class2type["[object " + item + "]"] = item.toLowerCase(); |
|||
}) |
|||
if (obj == null) { |
|||
return obj + ""; |
|||
} |
|||
return typeof obj === "object" || typeof obj === "function" ? |
|||
class2type[Object.prototype.toString.call(obj)] || "object" : |
|||
typeof obj; |
|||
} |
|||
|
|||
/** |
|||
* 判断两个值是否相等 |
|||
* @param {any} a 值 |
|||
* @param {any} b 值 |
|||
* @return {Boolean} 是否相等 |
|||
*/ |
|||
export const isEqual = (a, b) => { |
|||
//如果a和b本来就全等
|
|||
if (a === b) { |
|||
//判断是否为0和-0
|
|||
return a !== 0 || 1 / a === 1 / b; |
|||
} |
|||
//判断是否为null和undefined
|
|||
if (a == null || b == null) { |
|||
return a === b; |
|||
} |
|||
//接下来判断a和b的数据类型
|
|||
var classNameA = toString.call(a), |
|||
classNameB = toString.call(b); |
|||
//如果数据类型不相等，则返回false
|
|||
if (classNameA !== classNameB) { |
|||
return false; |
|||
} |
|||
//如果数据类型相等，再根据不同数据类型分别判断
|
|||
switch (classNameA) { |
|||
case '[object RegExp]': |
|||
case '[object String]': |
|||
//进行字符串转换比较
|
|||
return '' + a === '' + b; |
|||
case '[object Number]': |
|||
//进行数字转换比较,判断是否为NaN
|
|||
if (+a !== +a) { |
|||
return +b !== +b; |
|||
} |
|||
//判断是否为0或-0
|
|||
return +a === 0 ? 1 / +a === 1 / b : +a === +b; |
|||
case '[object Date]': |
|||
case '[object Boolean]': |
|||
return +a === +b; |
|||
} |
|||
//如果是对象类型
|
|||
if (classNameA == '[object Object]') { |
|||
//获取a和b的属性长度
|
|||
var propsA = Object.getOwnPropertyNames(a), |
|||
propsB = Object.getOwnPropertyNames(b); |
|||
if (propsA.length != propsB.length) { |
|||
return false; |
|||
} |
|||
for (var i = 0; i < propsA.length; i++) { |
|||
var propName = propsA[i]; |
|||
//如果对应属性对应值不相等，则返回false
|
|||
if (a[propName] !== b[propName]) { |
|||
return false; |
|||
} |
|||
} |
|||
return true; |
|||
} |
|||
//如果是数组类型
|
|||
if (classNameA == '[object Array]') { |
|||
if (a.toString() == b.toString()) { |
|||
return true; |
|||
} |
|||
return false; |
|||
} |
|||
} |
|||
@ -1,4 +1,5 @@ |
|||
{ |
|||
"uni-pagination.prevText": "prev", |
|||
"uni-pagination.nextText": "next" |
|||
"uni-pagination.nextText": "next", |
|||
"uni-pagination.piecePerPage": "piece/page" |
|||
} |
|||
|
|||
@ -1,4 +1,5 @@ |
|||
{ |
|||
"uni-pagination.prevText": "anterior", |
|||
"uni-pagination.nextText": "próxima" |
|||
"uni-pagination.nextText": "prxima", |
|||
"uni-pagination.piecePerPage": "Art¨ªculo/P¨¢gina" |
|||
} |
|||
|
|||
@ -1,4 +1,5 @@ |
|||
{ |
|||
"uni-pagination.prevText": "précédente", |
|||
"uni-pagination.nextText": "suivante" |
|||
"uni-pagination.nextText": "suivante", |
|||
"uni-pagination.piecePerPage": "Articles/Pages" |
|||
} |
|||
|
|||
@ -1,4 +1,5 @@ |
|||
{ |
|||
"uni-pagination.prevText": "上一页", |
|||
"uni-pagination.nextText": "下一页" |
|||
"uni-pagination.nextText": "下一页", |
|||
"uni-pagination.piecePerPage": "条/页" |
|||
} |
|||
|
|||
@ -1,4 +1,5 @@ |
|||
{ |
|||
"uni-pagination.prevText": "上一頁", |
|||
"uni-pagination.nextText": "下一頁" |
|||
"uni-pagination.nextText": "下一頁", |
|||
"uni-pagination.piecePerPage": "條/頁" |
|||
} |
|||
|
|||
@ -1,39 +0,0 @@ |
|||
## 2.0.13（2021-11-18） |
|||
邱 |
|||
## 2.0.12（2021-11-18） |
|||
123123 |
|||
## 2.0.11（2021-11-18） |
|||
0000 |
|||
## 2.0.10（2021-11-18） |
|||
111234 |
|||
## 2.0.9（2021-11-18） |
|||
3333 |
|||
## 2.0.8（2021-11-18） |
|||
=== |
|||
## 2.0.7（2021-11-18） |
|||
111 |
|||
## 2.0.6（2021-05-26） |
|||
- test |
|||
## 0.0.37（2021-03-23） |
|||
- uni-forms 更新 校验器 |
|||
- uni-forms 修复 表单规则设置类型为 number 的情况下，值为0校验失败的Bug |
|||
|
|||
|
|||
## 0.0.36（2021-03-23） |
|||
- uni-forms 更新 校验器 |
|||
- uni-forms 修复 表单规则设置类型为 number 的情况下，值为0校验失败的Bug |
|||
|
|||
|
|||
## 0.0.35（2021-03-23） |
|||
- uni-forms 更新 校验器 |
|||
- uni-forms 修复 表单规则设置类型为 number 的情况下，值为0校验失败的Bug |
|||
|
|||
|
|||
## 0.0.34（2021-03-23） |
|||
- 测试新同步插件 |
|||
## 0.0.33（2021-03-09） |
|||
- test |
|||
## 0.0.32（2021-02-24） |
|||
- 更新 read 2 |
|||
## 0.0.31（2021-02-24） |
|||
- 同步 readme.md |
|||
@ -1,26 +0,0 @@ |
|||
<template> |
|||
<view> |
|||
测试插件 |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
|
|||
}; |
|||
}, |
|||
onLoad() { |
|||
let fonts = [] |
|||
let obj = {} |
|||
fonts.forEach(v=>{ |
|||
obj[v.name] = '\\u'+v.unicode |
|||
}) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
</style> |
|||
@ -1,83 +0,0 @@ |
|||
{ |
|||
"id": "uni-test", |
|||
"displayName": "Test 测试插件", |
|||
"version": "2.0.13", |
|||
"description": "测试插件 ", |
|||
"keywords": [ |
|||
"test" |
|||
], |
|||
"repository": "https://github.com/dcloudio/uni-ui", |
|||
"engines": { |
|||
"HBuilderX": "^3.1.3" |
|||
}, |
|||
"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" |
|||
}, |
|||
"快应用": { |
|||
"华为": "y", |
|||
"联盟": "y" |
|||
}, |
|||
"Vue": { |
|||
"vue2": "y", |
|||
"vue3": "y" |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,10 +0,0 @@ |
|||
|
|||
|
|||
## DataCheckbox 数据驱动的单选复选框 |
|||
> **组件名：uni-data-checkbox** |
|||
> 代码块： `uDataCheckbox` |
|||
|
|||
|
|||
本组件是基于uni-app基础组件checkbox的封装。本组件要解决问题包括： |
|||
|
|||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-card) |
|||
@ -1,10 +0,0 @@ |
|||
## 0.2.1（2022-05-09） |
|||
- 修复 content 为空时仍然弹出的bug |
|||
## 0.2.0（2022-05-07） |
|||
**注意：破坏性更新** |
|||
- 更新 text 属性变更为 content |
|||
- 更新 移除 width 属性 |
|||
## 0.1.1（2022-04-27） |
|||
- 修复 组件根 text 嵌套组件 warning |
|||
## 0.1.0（2022-04-21） |
|||
- 初始化 |
|||
@ -1,68 +0,0 @@ |
|||
<template> |
|||
<view class="uni-tooltip"> |
|||
<slot></slot> |
|||
<view v-if="content || $slots.content" class="uni-tooltip-popup"> |
|||
<slot name="content"> |
|||
{{content}} |
|||
</slot> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
|
|||
<script> |
|||
/** |
|||
* Tooltip 提示文字 |
|||
* @description 常用于展示鼠标 hover 时的提示信息。 |
|||
* @tutorial https://uniapp.dcloud.io/component/uniui/uni-tooltip |
|||
* @property {String} content 弹出层显示的内容 |
|||
* @property {String} placement出现位置, 目前只支持 left |
|||
*/ |
|||
|
|||
|
|||
export default { |
|||
name: "uni-tooltip", |
|||
data() { |
|||
return { |
|||
|
|||
}; |
|||
}, |
|||
props: { |
|||
content: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
|
|||
placement: { |
|||
type: String, |
|||
default: 'bottom' |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.uni-tooltip { |
|||
position: relative; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.uni-tooltip-popup { |
|||
z-index: 1; |
|||
display: none; |
|||
position: absolute; |
|||
left: 0; |
|||
background-color: #333; |
|||
border-radius: 8px; |
|||
color: #fff; |
|||
font-size: 12px; |
|||
text-align: left; |
|||
line-height: 16px; |
|||
padding: 12px; |
|||
} |
|||
|
|||
|
|||
.uni-tooltip:hover .uni-tooltip-popup { |
|||
display: block; |
|||
} |
|||
</style> |
|||
@ -1,88 +0,0 @@ |
|||
{ |
|||
"id": "uni-tooltip", |
|||
"displayName": "uni-tooltip 提示文字", |
|||
"version": "0.2.1", |
|||
"description": "Tooltip 提示文字", |
|||
"keywords": [ |
|||
"uni-tooltip", |
|||
"uni-ui", |
|||
"tooltip", |
|||
"tip", |
|||
"文字提示" |
|||
], |
|||
"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": "" |
|||
}, |
|||
"uni_modules": { |
|||
"dependencies": [], |
|||
"encrypt": [], |
|||
"platforms": { |
|||
"cloud": { |
|||
"tcb": "y", |
|||
"aliyun": "y" |
|||
}, |
|||
"client": { |
|||
"Vue": { |
|||
"vue2": "y", |
|||
"vue3": "y" |
|||
}, |
|||
"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", |
|||
"阿里": "u", |
|||
"百度": "u", |
|||
"字节跳动": "u", |
|||
"QQ": "u", |
|||
"京东": "u" |
|||
}, |
|||
"快应用": { |
|||
"华为": "u", |
|||
"联盟": "u" |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,8 +0,0 @@ |
|||
## Badge 数字角标 |
|||
> **组件名：uni-tooltip** |
|||
> 代码块： `uTooltip` |
|||
|
|||
数字角标一般和其它控件（列表、9宫格等）配合使用，用于进行数量提示，默认为实心灰色背景， |
|||
|
|||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-tooltip) |
|||
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 |
|||
Loading…
Reference in new issue