mirror of
https://github.com/weilanwl/coloruicss.git
synced 2026-06-08 15:23:17 +08:00
v2.0.6
1.修复行距带来的垂直不居中问题 2.优化操作条组件,新增多种样式 3.优化背景颜色(某些组件的默认背景调整,移除一些important) 4.更新动画扩展5.优化按钮,标签,头像的大小
This commit is contained in:
+101
-28
@@ -1,33 +1,106 @@
|
||||
Page({
|
||||
Component({
|
||||
data: {
|
||||
elements: [
|
||||
{ title: '布局', name: 'layout', color: 'cyan', icon: 'newsfill' },
|
||||
{ title: '背景', name: 'background', color: 'blue', icon: 'colorlens' },
|
||||
{ title: '文本', name: 'text', color: 'purple', icon: 'font' },
|
||||
{ title: '图标 ', name: 'icon', color: 'mauve', icon: 'icon' },
|
||||
{ title: '按钮', name: 'button', color: 'pink', icon: 'btn' },
|
||||
{ title: '标签', name: 'tag', color: 'brown', icon: 'tagfill' },
|
||||
{ title: '头像', name: 'avatar', color: 'red', icon: 'myfill' },
|
||||
{ title: '进度条', name: 'progress', color: 'orange', icon: 'icloading' },
|
||||
{ title: '边框阴影', name: 'shadow', color: 'olive', icon: 'copy' },
|
||||
{ title: '加载', name: 'loading', color: 'green', icon: 'loading2' },
|
||||
elements: [{
|
||||
title: '布局',
|
||||
name: 'layout',
|
||||
color: 'cyan',
|
||||
icon: 'newsfill'
|
||||
},
|
||||
{
|
||||
title: '背景',
|
||||
name: 'background',
|
||||
color: 'blue',
|
||||
icon: 'colorlens'
|
||||
},
|
||||
{
|
||||
title: '文本',
|
||||
name: 'text',
|
||||
color: 'purple',
|
||||
icon: 'font'
|
||||
},
|
||||
{
|
||||
title: '图标 ',
|
||||
name: 'icon',
|
||||
color: 'mauve',
|
||||
icon: 'icon'
|
||||
},
|
||||
{
|
||||
title: '按钮',
|
||||
name: 'button',
|
||||
color: 'pink',
|
||||
icon: 'btn'
|
||||
},
|
||||
{
|
||||
title: '标签',
|
||||
name: 'tag',
|
||||
color: 'brown',
|
||||
icon: 'tagfill'
|
||||
},
|
||||
{
|
||||
title: '头像',
|
||||
name: 'avatar',
|
||||
color: 'red',
|
||||
icon: 'myfill'
|
||||
},
|
||||
{
|
||||
title: '进度条',
|
||||
name: 'progress',
|
||||
color: 'orange',
|
||||
icon: 'icloading'
|
||||
},
|
||||
{
|
||||
title: '边框阴影',
|
||||
name: 'shadow',
|
||||
color: 'olive',
|
||||
icon: 'copy'
|
||||
},
|
||||
{
|
||||
title: '加载',
|
||||
name: 'loading',
|
||||
color: 'green',
|
||||
icon: 'loading2'
|
||||
},
|
||||
],
|
||||
},
|
||||
showModal(e) {
|
||||
this.setData({
|
||||
modalName: e.currentTarget.dataset.target
|
||||
})
|
||||
methods: {
|
||||
onLoad() {
|
||||
let that = this;
|
||||
// 获取用户信息
|
||||
wx.getSetting({
|
||||
success: res => {
|
||||
if (!res.authSetting['scope.userInfo']) {
|
||||
wx.redirectTo({
|
||||
url: '/pages/auth/auth'
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
showModal(e) {
|
||||
this.setData({
|
||||
modalName: e.currentTarget.dataset.target
|
||||
})
|
||||
},
|
||||
hideModal(e) {
|
||||
this.setData({
|
||||
modalName: null
|
||||
})
|
||||
},
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
title: 'ColorUI-高颜值的小程序UI组件库',
|
||||
imageUrl: 'https://image.weilanwl.com/color2.0/share2215.jpg',
|
||||
path: '/pages/basics/home/home'
|
||||
}
|
||||
},
|
||||
},
|
||||
hideModal(e) {
|
||||
this.setData({
|
||||
modalName: null
|
||||
})
|
||||
},
|
||||
onShareAppMessage(){
|
||||
return {
|
||||
title: 'ColorUI-高颜值的小程序UI组件库',
|
||||
imageUrl:'https://image.weilanwl.com/color2.0/share2215.jpg',
|
||||
path: '/pages/basics/home/home'
|
||||
}
|
||||
pageLifetimes: {
|
||||
show() {
|
||||
if (typeof this.getTabBar === 'function' && this.getTabBar()) {
|
||||
this.getTabBar().setData({
|
||||
selected: 0
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
@@ -1,3 +1,3 @@
|
||||
.weui-tabbar{
|
||||
left: 0px !important;
|
||||
page{
|
||||
padding-bottom: 100rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user