完成了登录模块

This commit is contained in:
2025-05-17 23:17:14 +08:00
parent c10a348001
commit e5e3f5b38d
33 changed files with 2860 additions and 115 deletions

278
app.wxss
View File

@ -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;
}