1.修复行距带来的垂直不居中问题
2.优化操作条组件,新增多种样式
3.优化背景颜色(某些组件的默认背景调整,移除一些important)
4.更新动画扩展5.优化按钮,标签,头像的大小
This commit is contained in:
Weilanwl
2019-02-09 16:57:35 +08:00
parent dbe5f7c892
commit 122f46b8d4
70 changed files with 2812 additions and 1791 deletions
+101 -28
View File
@@ -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
})
}
}
}
})
})
+2 -2
View File
@@ -1,3 +1,3 @@
.weui-tabbar{
left: 0px !important;
page{
padding-bottom: 100rpx;
}