mirror of
https://github.com/weilanwl/coloruicss.git
synced 2026-03-09 16:44:01 +08:00
v2.0.6
1.修复行距带来的垂直不居中问题 2.优化操作条组件,新增多种样式 3.优化背景颜色(某些组件的默认背景调整,移除一些important) 4.更新动画扩展5.优化按钮,标签,头像的大小
This commit is contained in:
@@ -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',
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
@@ -1,3 +1 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
{}
|
||||
@@ -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>
|
||||
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user