initial commit
This commit is contained in:
66
pages/zucepage/zucepage.js
Normal file
66
pages/zucepage/zucepage.js
Normal file
@ -0,0 +1,66 @@
|
||||
// pages/zucepage/zucepage.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
4
pages/zucepage/zucepage.json
Normal file
4
pages/zucepage/zucepage.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationBarTitleText": "注册账号",
|
||||
"usingComponents": {}
|
||||
}
|
30
pages/zucepage/zucepage.wxml
Normal file
30
pages/zucepage/zucepage.wxml
Normal file
@ -0,0 +1,30 @@
|
||||
<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">
|
||||
<text class="self-start font_2 text_2">账号注册</text>
|
||||
<view class="flex-col self-stretch mt-15">
|
||||
<view class="flex-col justify-start items-start text-wrapper_2"><input class="text_3 font_3 text_4" placeholder="请输入昵称" /></view>
|
||||
<view class="flex-col justify-start items-start view"><input class="text_3 font_3 text_5" placeholder="请输入手机号" /></view>
|
||||
<view class="flex-row justify-between section">
|
||||
<input class="font_3 text_6" placeholder="请输入验证码" />
|
||||
<text class="font_2 text_7">获取验证码</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-start view_2"><input class="text_3 font_3 text_8" placeholder="请输入邀请码" /></view>
|
||||
<view class="flex-col justify-start items-start view_3"><input class="text_3 font_3 text_9" placeholder="请设置密码" /></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center self-start group_2">
|
||||
<radio class="radio" color="#ff8d1a"></radio>
|
||||
<text class="shrink-0 font_4 text_10">我已阅读并同意</text>
|
||||
<text class="flex-1 font_4 text_11">青橙用户服务协议、隐私政策</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-stretch text-wrapper_3">
|
||||
<text class="font text_12">注册</text>
|
||||
</view>
|
||||
<view class="self-center group_3">
|
||||
<text class="font_5 text_13">已有帐号?</text>
|
||||
<text class="font_5 text_14">去登录→</text>
|
||||
</view>
|
||||
</view>
|
148
pages/zucepage/zucepage.wxss
Normal file
148
pages/zucepage/zucepage.wxss
Normal file
@ -0,0 +1,148 @@
|
||||
.mt-15 {
|
||||
margin-top: 28.85rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 30.77rpx 42.31rpx 71.27rpx 44.23rpx;
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 426.96rpx 0 6.02rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=680efc2c4ae84d00122e3b6c&name=ac6edf59808d551877b71d448fce5024.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 461.54rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30.77rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
}
|
||||
.text {
|
||||
color: #000000;
|
||||
line-height: 28.56rpx;
|
||||
}
|
||||
.group {
|
||||
margin-top: 70.04rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.92rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 12.54rpx;
|
||||
color: #000000;
|
||||
line-height: 25.04rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 35.46rpx 0 37.73rpx;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 35.75rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.92rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
color: #808080;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 24.88rpx;
|
||||
width: 590rpx;
|
||||
}
|
||||
.view {
|
||||
margin-top: 40.38rpx;
|
||||
padding: 37.38rpx 0 35.85rpx;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 24.85rpx;
|
||||
width: 590rpx;
|
||||
}
|
||||
.section {
|
||||
margin-top: 32.69rpx;
|
||||
padding: 35.35rpx 27.79rpx 37.71rpx 35.75rpx;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.92rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #d43030;
|
||||
line-height: 25.02rpx;
|
||||
}
|
||||
.view_2 {
|
||||
margin-top: 40.38rpx;
|
||||
padding: 37.38rpx 0 35.87rpx;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 24.83rpx;
|
||||
width: 590rpx;
|
||||
}
|
||||
.view_3 {
|
||||
margin-top: 26.92rpx;
|
||||
padding: 37.19rpx 0 35.77rpx;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 25.12rpx;
|
||||
width: 590rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-left: 3.85rpx;
|
||||
margin-top: 42.31rpx;
|
||||
width: 560.77rpx;
|
||||
}
|
||||
.image {
|
||||
width: 36.54rpx;
|
||||
height: 36.54rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 23.08rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 35.56rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_11 {
|
||||
color: #d43030;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
margin: 59.62rpx 17.31rpx 0 15.38rpx;
|
||||
padding: 38.75rpx 0 32.94rpx;
|
||||
background-color: #ff8d1a;
|
||||
border-radius: 28.85rpx;
|
||||
}
|
||||
.text_12 {
|
||||
color: #ffffff;
|
||||
line-height: 28.31rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 45.83rpx;
|
||||
line-height: 21.35rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 23.08rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 21.35rpx;
|
||||
}
|
||||
.text_13 {
|
||||
color: #383838;
|
||||
}
|
||||
.text_14 {
|
||||
color: #ff5733;
|
||||
line-height: 21.31rpx;
|
||||
}
|
Reference in New Issue
Block a user