完成第一部分
This commit is contained in:
66
pages/personCenter/accountSetting/accountSetting.js
Normal file
66
pages/personCenter/accountSetting/accountSetting.js
Normal file
@ -0,0 +1,66 @@
|
||||
// pages/personCenter/accountSetting/accountSetting.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
3
pages/personCenter/accountSetting/accountSetting.json
Normal file
3
pages/personCenter/accountSetting/accountSetting.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
49
pages/personCenter/accountSetting/accountSetting.wxml
Normal file
49
pages/personCenter/accountSetting/accountSetting.wxml
Normal file
@ -0,0 +1,49 @@
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col group">
|
||||
<view class="flex-row self-stretch section">
|
||||
<image
|
||||
class="self-center image"
|
||||
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=0366154f820ca1234f392aee462ac535.png"
|
||||
/>
|
||||
<view class="flex-col items-start flex-1 self-start group_2 ml-8">
|
||||
<text class="text">user</text>
|
||||
<text class="font text_2 mt-28">15888610253</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="self-start font_2 text_3 mt-19">平台服务</text>
|
||||
<view class="flex-col self-stretch list mt-19">
|
||||
<view class="flex-row justify-between items-center list-item">
|
||||
<text class="font text_4">修改密码</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=f9ca835233e2714bc2418ea181ce0f10.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="section_3"></view>
|
||||
<view class="flex-row justify-between items-center group_4">
|
||||
<text class="font text_5">联系客服</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=f9ca835233e2714bc2418ea181ce0f10.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="section_3"></view>
|
||||
<view class="flex-row justify-between items-center group_5">
|
||||
<text class="font">用户协议</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=f9ca835233e2714bc2418ea181ce0f10.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="section_3"></view>
|
||||
<view class="flex-row justify-between items-center group_6">
|
||||
<text class="font text_6">隐私政策</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=f9ca835233e2714bc2418ea181ce0f10.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="font_2 text_7">退出登录</text></view>
|
||||
</view>
|
94
pages/personCenter/accountSetting/accountSetting.wxss
Normal file
94
pages/personCenter/accountSetting/accountSetting.wxss
Normal file
@ -0,0 +1,94 @@
|
||||
.mt-19 {
|
||||
margin-top: 35.63rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 0 33.75rpx 787.5rpx;
|
||||
background-color: #f9f9f9;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group {
|
||||
padding: 46.88rpx 0 48.75rpx;
|
||||
}
|
||||
.section {
|
||||
padding: 30rpx 31.88rpx 28.13rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.image {
|
||||
width: 121.88rpx;
|
||||
height: 121.88rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-top: 21.84rpx;
|
||||
}
|
||||
.text {
|
||||
color: #000000;
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 17.1rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.47rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_2 {
|
||||
color: #787878;
|
||||
line-height: 19.93rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 27.64rpx;
|
||||
}
|
||||
.text_3 {
|
||||
color: #000000;
|
||||
line-height: 28.16rpx;
|
||||
}
|
||||
.list {
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 28.13rpx 24.38rpx 28.14rpx 24.9rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 24.52rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 35.63rpx;
|
||||
height: 35.63rpx;
|
||||
}
|
||||
.section_3 {
|
||||
margin-left: 28.13rpx;
|
||||
margin-right: 29.96rpx;
|
||||
background-color: #e0e0e0;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 26.25rpx 24.38rpx 30.02rpx 25.37rpx;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 24.6rpx;
|
||||
}
|
||||
.group_5 {
|
||||
padding: 26.25rpx 24.38rpx 30rpx 25.22rpx;
|
||||
}
|
||||
.group_6 {
|
||||
padding: 26.25rpx 24.38rpx 30.02rpx 26.49rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.3rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 28.39rpx 0 26.47rpx;
|
||||
background-color: #ff8d1a;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #ffffff;
|
||||
}
|
Reference in New Issue
Block a user