完成了登录模块
This commit is contained in:
278
app.wxss
278
app.wxss
@ -1,13 +1,8 @@
|
||||
/**app.wxss**/
|
||||
.container {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 200rpx 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
|
||||
page {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
@ -125,401 +120,464 @@ text {
|
||||
}
|
||||
|
||||
.ml-2 {
|
||||
margin-left: 3.85rpx;
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
|
||||
.mt-2 {
|
||||
margin-top: 3.85rpx;
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
|
||||
.ml-4 {
|
||||
margin-left: 7.69rpx;
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
|
||||
.mt-4 {
|
||||
margin-top: 7.69rpx;
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
|
||||
.ml-6 {
|
||||
margin-left: 11.54rpx;
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
|
||||
.mt-6 {
|
||||
margin-top: 11.54rpx;
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
|
||||
.ml-8 {
|
||||
margin-left: 15.38rpx;
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
|
||||
.mt-8 {
|
||||
margin-top: 15.38rpx;
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
|
||||
.ml-10 {
|
||||
margin-left: 19.23rpx;
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
|
||||
.mt-10 {
|
||||
margin-top: 19.23rpx;
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
|
||||
.ml-12 {
|
||||
margin-left: 23.08rpx;
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
|
||||
.mt-12 {
|
||||
margin-top: 23.08rpx;
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
|
||||
.ml-14 {
|
||||
margin-left: 26.92rpx;
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
|
||||
.mt-14 {
|
||||
margin-top: 26.92rpx;
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
|
||||
.ml-16 {
|
||||
margin-left: 30.77rpx;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
.mt-16 {
|
||||
margin-top: 30.77rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.ml-18 {
|
||||
margin-left: 34.62rpx;
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
|
||||
.mt-18 {
|
||||
margin-top: 34.62rpx;
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
|
||||
.ml-20 {
|
||||
margin-left: 38.46rpx;
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
|
||||
.mt-20 {
|
||||
margin-top: 38.46rpx;
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
|
||||
.ml-22 {
|
||||
margin-left: 42.31rpx;
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
|
||||
.mt-22 {
|
||||
margin-top: 42.31rpx;
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
|
||||
.ml-24 {
|
||||
margin-left: 46.15rpx;
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
|
||||
.mt-24 {
|
||||
margin-top: 46.15rpx;
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
|
||||
.ml-26 {
|
||||
margin-left: 50rpx;
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
|
||||
.mt-26 {
|
||||
margin-top: 50rpx;
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
|
||||
.ml-28 {
|
||||
margin-left: 53.85rpx;
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
|
||||
.mt-28 {
|
||||
margin-top: 53.85rpx;
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
|
||||
.ml-30 {
|
||||
margin-left: 57.69rpx;
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
|
||||
.mt-30 {
|
||||
margin-top: 57.69rpx;
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
|
||||
.ml-32 {
|
||||
margin-left: 61.54rpx;
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
|
||||
.mt-32 {
|
||||
margin-top: 61.54rpx;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
|
||||
.ml-34 {
|
||||
margin-left: 65.38rpx;
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
|
||||
.mt-34 {
|
||||
margin-top: 65.38rpx;
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
|
||||
.ml-36 {
|
||||
margin-left: 69.23rpx;
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
|
||||
.mt-36 {
|
||||
margin-top: 69.23rpx;
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
|
||||
.ml-38 {
|
||||
margin-left: 73.08rpx;
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
|
||||
.mt-38 {
|
||||
margin-top: 73.08rpx;
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
|
||||
.ml-40 {
|
||||
margin-left: 76.92rpx;
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
|
||||
.mt-40 {
|
||||
margin-top: 76.92rpx;
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
|
||||
.ml-42 {
|
||||
margin-left: 80.77rpx;
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
|
||||
.mt-42 {
|
||||
margin-top: 80.77rpx;
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
|
||||
.ml-44 {
|
||||
margin-left: 84.62rpx;
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
|
||||
.mt-44 {
|
||||
margin-top: 84.62rpx;
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
|
||||
.ml-46 {
|
||||
margin-left: 88.46rpx;
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
|
||||
.mt-46 {
|
||||
margin-top: 88.46rpx;
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
|
||||
.ml-48 {
|
||||
margin-left: 92.31rpx;
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
|
||||
.mt-48 {
|
||||
margin-top: 92.31rpx;
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
|
||||
.ml-50 {
|
||||
margin-left: 96.15rpx;
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
|
||||
.mt-50 {
|
||||
margin-top: 96.15rpx;
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
|
||||
.ml-52 {
|
||||
margin-left: 100rpx;
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
|
||||
.mt-52 {
|
||||
margin-top: 100rpx;
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
|
||||
.ml-54 {
|
||||
margin-left: 103.85rpx;
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
|
||||
.mt-54 {
|
||||
margin-top: 103.85rpx;
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
|
||||
.ml-56 {
|
||||
margin-left: 107.69rpx;
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
|
||||
.mt-56 {
|
||||
margin-top: 107.69rpx;
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
|
||||
.ml-58 {
|
||||
margin-left: 111.54rpx;
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
|
||||
.mt-58 {
|
||||
margin-top: 111.54rpx;
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
|
||||
.ml-60 {
|
||||
margin-left: 115.38rpx;
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
|
||||
.mt-60 {
|
||||
margin-top: 115.38rpx;
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
|
||||
.ml-62 {
|
||||
margin-left: 119.23rpx;
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
|
||||
.mt-62 {
|
||||
margin-top: 119.23rpx;
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
|
||||
.ml-64 {
|
||||
margin-left: 123.08rpx;
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
|
||||
.mt-64 {
|
||||
margin-top: 123.08rpx;
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
|
||||
.ml-66 {
|
||||
margin-left: 126.92rpx;
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
|
||||
.mt-66 {
|
||||
margin-top: 126.92rpx;
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
|
||||
.ml-68 {
|
||||
margin-left: 130.77rpx;
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
|
||||
.mt-68 {
|
||||
margin-top: 130.77rpx;
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
|
||||
.ml-70 {
|
||||
margin-left: 134.62rpx;
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
|
||||
.mt-70 {
|
||||
margin-top: 134.62rpx;
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
|
||||
.ml-72 {
|
||||
margin-left: 138.46rpx;
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
|
||||
.mt-72 {
|
||||
margin-top: 138.46rpx;
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
|
||||
.ml-74 {
|
||||
margin-left: 142.31rpx;
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
|
||||
.mt-74 {
|
||||
margin-top: 142.31rpx;
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
|
||||
.ml-76 {
|
||||
margin-left: 146.15rpx;
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
|
||||
.mt-76 {
|
||||
margin-top: 146.15rpx;
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
|
||||
.ml-78 {
|
||||
margin-left: 150rpx;
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
|
||||
.mt-78 {
|
||||
margin-top: 150rpx;
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
|
||||
.ml-80 {
|
||||
margin-left: 153.85rpx;
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
|
||||
.mt-80 {
|
||||
margin-top: 153.85rpx;
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
|
||||
.ml-82 {
|
||||
margin-left: 157.69rpx;
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
|
||||
.mt-82 {
|
||||
margin-top: 157.69rpx;
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
|
||||
.ml-84 {
|
||||
margin-left: 161.54rpx;
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
|
||||
.mt-84 {
|
||||
margin-top: 161.54rpx;
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
|
||||
.ml-86 {
|
||||
margin-left: 165.38rpx;
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
|
||||
.mt-86 {
|
||||
margin-top: 165.38rpx;
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
|
||||
.ml-88 {
|
||||
margin-left: 169.23rpx;
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
|
||||
.mt-88 {
|
||||
margin-top: 169.23rpx;
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
|
||||
.ml-90 {
|
||||
margin-left: 173.08rpx;
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
|
||||
.mt-90 {
|
||||
margin-top: 173.08rpx;
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
|
||||
.ml-92 {
|
||||
margin-left: 176.92rpx;
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
|
||||
.mt-92 {
|
||||
margin-top: 176.92rpx;
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
|
||||
.ml-94 {
|
||||
margin-left: 180.77rpx;
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
|
||||
.mt-94 {
|
||||
margin-top: 180.77rpx;
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
|
||||
.ml-96 {
|
||||
margin-left: 184.62rpx;
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
|
||||
.mt-96 {
|
||||
margin-top: 184.62rpx;
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
|
||||
.ml-98 {
|
||||
margin-left: 188.46rpx;
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
|
||||
.mt-98 {
|
||||
margin-top: 188.46rpx;
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
|
||||
.ml-100 {
|
||||
margin-left: 192.31rpx;
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
|
||||
.mt-100 {
|
||||
margin-top: 192.31rpx;
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
|
||||
/** 清理默认样式 **/
|
||||
|
||||
wx-scroll-view,
|
||||
wx-swiper,
|
||||
wx-icon,
|
||||
wx-progress,
|
||||
wx-rich-text,
|
||||
wx-button,
|
||||
wx-checkbox,
|
||||
wx-checkbox-group,
|
||||
wx-form,
|
||||
wx-input,
|
||||
wx-label,
|
||||
wx-picker,
|
||||
wx-radio,
|
||||
wx-radio-group,
|
||||
wx-slider,
|
||||
wx-switch,
|
||||
wx-textarea {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
wx-button {
|
||||
padding: unset;
|
||||
border-radius: unset;
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
wx-button::after {
|
||||
border: unset;
|
||||
}
|
||||
|
||||
wx-input {
|
||||
height: unset;
|
||||
}
|
||||
|
||||
wx-checkbox .wx-checkbox-wrapper,
|
||||
wx-radio .wx-radio-wrapper {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
wx-checkbox .wx-checkbox-input,
|
||||
wx-radio .wx-radio-input,
|
||||
wx-switch .wx-switch-input,
|
||||
wx-switch .wx-checkbox-input {
|
||||
margin-right: unset;
|
||||
}
|
||||
|
||||
wx-switch .wx-switch-input::after {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.cf_sidebar_wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.cf_sidebar_content_wrapper {
|
||||
flex: 1;
|
||||
}
|
Reference in New Issue
Block a user