admin/qingcheng-xiaochengxu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Ling53666
2025-04-28 15:59:21 +08:00
commit 36cc2fe7ba
55 changed files with 2627 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
pages/logain/logain.js Normal file
View File

@ -0,0 +1,40 @@
Page({
data: {
show: true,
morenshow: false,
currentTab: 'code',
},
onShow(){
this.setData({
show: false,
morenshow: true,
currentTab: 'password'
})
},
showchange() {
this.setData({
show: true,
morenshow: false,
currentTab: 'code'
})
},
gozucepage(){
wx.navigateTo({
url: '/pages/zucepage/zucepage',
})
},
showchangeback() {
this.setData({
show: false,
morenshow: true,
currentTab: 'password'
})
},
wangji() {
wx.navigateTo({
url: '/pages/wangjimima/wangjimima',
})
}
})

4
pages/logain/logain.json Normal file
View File

@ -0,0 +1,4 @@
{
"navigationBarTitleText": "登录界面",
"usingComponents": {}
}

46
pages/logain/logain.wxml Normal file
View File

@ -0,0 +1,46 @@
<view class="flex-col page">
<view class="flex-col justify-start items-center self-center text-wrapper">
<text class="font text">欢迎登陆—青橙校园</text>
</view>
<view class="flex-col self-stretch group">
<view class="flex-row items-baseline group_2">
<text class="font_3 text_3" bind:tap="showchangeback"
style="color: {{currentTab == 'password' ? '#ff8d1a' : '#383838'}}; font-weight: {{currentTab == 'password' ? 'bold' : 'normal'}};">密码登录</text>
<text class="font_2 text_2 ml-7" style="color: {{currentTab == 'code' ? '#ff8d1a' : '#383838'}}; font-weight: {{currentTab == 'code' ? 'bold' : 'normal'}};" bind:tap="showchange">验证码登录</text>
</view>
<view class="flex-col mt-21">
<view wx:if="{{show==true}}" class="flex-col self-stretch">
<view class="flex-col justify-start items-start relative text-wrapper_2">
<input class="text_4 font_4 text_1" placeholder="请输入手机号" />
</view>
<view class="flex-row justify-between section mt-21">
<input class="font_4 text_5" placeholder="请输入验证码" />
<text class="font_2 text_6">获取验证码</text>
</view>
</view>
<view wx:if="{{morenshow==true}}" class="flex-col self-stretch">
<view class="flex-col justify-start items-start relative text-wrapper_2">
<input class="text_4 font_4 text_1" placeholder="请输入账号" />
</view>
<view class="flex-row justify-between section mt-21">
<input class="font_4 text_5" placeholder="请输入密码" />
</view>
</view>
<text class="self-end font_3 text_7" bind:tap="wangji">忘记密码</text>
<view class="flex-col justify-start items-center self-stretch text-wrapper_3">
<text class="font text_8">登录</text>
</view>
</view>
</view>
<view class="flex-col self-stretch group_3">
<view class="flex-row items-center self-start">
<radio class="radio" color="#ff8d1a"></radio>
<text class="shrink-0 font_5 text_9">我已阅读并同意</text>
<text class="font_5 text_10">用户服务协议、隐私政策</text>
</view>
<view class="self-center group_4 mt-16">
<text class="font_3 text_11">没有账号？</text>
<text class="font_3 text_12" bind:tap="gozucepage">去注册→</text>
</view>
</view>
</view>

132
pages/logain/logain.wxss Normal file
View File

@ -0,0 +1,132 @@
.ml-7 {
margin-left: 13.46rpx;
}
.mt-21 {
margin-top: 40.38rpx;
}
.page {
padding: 121.15rpx 42.31rpx 440.48rpx 44.23rpx;
background-color: #ffffff;
width: 100%;
overflow-y: hidden;
overflow-x: hidden;
height: 100%;
}
.text-wrapper {
padding: 336.58rpx 0 19.48rpx;
background-image: url('https://ide.code.fun/api/image?token=680efc2c4ae84d00122e3b6c&name=b75462a220057be84813b1b06d446dac.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width: 384.62rpx;
}
.font {
font-size: 30.77rpx;
font-family: SourceHanSansCN;
line-height: 26.92rpx;
}
.text {
color: #000000;
line-height: 28.56rpx;
}
.group {
margin-top: 43.04rpx;
}
.group_2 {
padding: 0 4.73rpx;
}
.font_3 {
font-size: 23.08rpx;
font-family: SourceHanSansCN;
line-height: 21.46rpx;
color: #383838;
}
.text_3 {
line-height: 21.5rpx;
}
.font_2 {
font-size: 26.92rpx;
font-family: SourceHanSansCN;
line-height: 26.92rpx;
}
.text_2 {
color: #000000;
line-height: 25.02rpx;
}
.text-wrapper_2 {
padding: 35.46rpx 0 37.77rpx;
background-color: #ffffff;
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
}
.text_4 {
margin-left: 35.75rpx;
}
.font_4 {
font-size: 26.92rpx;
font-family: SourceHanSansCN;
color: #808080;
}
.text_1 {
line-height: 24.85rpx;
width: 590rpx;
}
.section {
padding: 37.27rpx 16.25rpx 35.79rpx 35.75rpx;
background-color: #ffffff;
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
}
.text_5 {
line-height: 24.92rpx;
width: 590rpx;
}
.text_6 {
color: #d43030;
line-height: 25.02rpx;
}
.text_7 {
margin-right: 4.73rpx;
margin-top: 20.62rpx;
line-height: 21.42rpx;
}
.text-wrapper_3 {
margin: 44.5rpx 17.31rpx 0 15.38rpx;
padding: 38.75rpx 0 32.94rpx;
background-color: #ff8d1a;
border-radius: 28.85rpx;
}
.text_8 {
color: #ffffff;
line-height: 28.31rpx;
}
.group_3 {
margin-top: 55.77rpx;
padding: 0 34.62rpx;
}
.font_5 {
font-size: 23.08rpx;
font-family: SourceHanSansCN;
line-height: 26.92rpx;
}
.text_9 {
margin-left: 50.94rpx;
color: #000000;
}
.text_10 {
color: #d43030;
margin-left: 10rpx;
}
.group_4 {
line-height: 21.46rpx;
}
.text_11 {
line-height: 21.35rpx;
}
.text_12 {
color: #ff5733;
}
.radio {
flex-shrink: 0;
}
.radio .wx-radio-input {
width: 36.54rpx;
height: 36.54rpx;
}