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

View File

@@ -1,66 +1,16 @@
// pages/auth/auth.js
const app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
StatusBar: app.globalData.StatusBar,
CustomBar: app.globalData.CustomBar,
ColorList: app.globalData.ColorList,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
onGetUserInfo: function (e) {
if (!this.logged && e.detail.userInfo) {
app.globalData.userInfo = e.detail.userInfo;
wx.switchTab({
url: '/pages/basics/home/home',
})
}
}
})
});

View File

@@ -1,3 +1 @@
{
"usingComponents": {}
}
{}

View File

@@ -1,2 +1,12 @@
<!--pages/auth/auth.wxml-->
<text>pages/auth/auth.wxml</text>
<view class='UCenter-bg'>
<image src='/images/logo.png' class='png' mode='widthFix'></image>
<view class='text-xl'>ColorUI组件库
<text class='text-df'>v2.0</text>
</view>
<view class='margin-top-sm'>
<text>By:文晓港</text>
</view>
</view>
<view class='padding-xl'>
<button class='cu-btn bg-green shadow lg block' open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">微信登录</button>
</view>

View File

@@ -1 +1,34 @@
/* pages/auth/auth.wxss */
.UCenter-bg {
background-image: url(https://image.weilanwl.com/color2.0/index.jpg);
background-size: cover;
height: 700rpx;
display: flex;
justify-content: center;
overflow: hidden;
position: relative;
flex-direction: column;
align-items: center;
color: #fff;
font-weight: 300;
text-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.UCenter-bg::after {
content: "";
position: absolute;
width: 100vw;
height: 50vw;
background-color: #f1f1f1;
transform: rotate(-10deg) scale(2,2);
bottom: -60vw;
left: 0;
right: 0;
margin: auto;
}
.UCenter-bg text{
opacity: 0.8;
}
.UCenter-bg image {
width: 250rpx;
height: 250rpx;
}