@ -0,0 +1,66 @@ | |||||
// Pages/id/id.js | |||||
Page({ | |||||
/** | |||||
* 页面的初始数据 | |||||
*/ | |||||
data: { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面加载 | |||||
*/ | |||||
onLoad: function (options) { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面初次渲染完成 | |||||
*/ | |||||
onReady: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面显示 | |||||
*/ | |||||
onShow: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面隐藏 | |||||
*/ | |||||
onHide: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面卸载 | |||||
*/ | |||||
onUnload: function () { | |||||
}, | |||||
/** | |||||
* 页面相关事件处理函数--监听用户下拉动作 | |||||
*/ | |||||
onPullDownRefresh: function () { | |||||
}, | |||||
/** | |||||
* 页面上拉触底事件的处理函数 | |||||
*/ | |||||
onReachBottom: function () { | |||||
}, | |||||
/** | |||||
* 用户点击右上角分享 | |||||
*/ | |||||
onShareAppMessage: function () { | |||||
} | |||||
}) |
@ -0,0 +1,3 @@ | |||||
{ | |||||
"usingComponents": {} | |||||
} |
@ -0,0 +1,36 @@ | |||||
<!--Pages/id/id.wxml--> | |||||
<view style="display: flex;"> | |||||
<image class="navi" src="/asset/img/navi.png" bindtap="onRet"></image> | |||||
<view style="padding: 0;margin: 0;width: 1.5px;height:700px;background-color: #7B8B6F;"></view> | |||||
<view> | |||||
<view class="info"> | |||||
<view style="display: flex;"> | |||||
<view class="avatar"> | |||||
头像 | |||||
</view> | |||||
<view style="width: 20vw;background-color: #D8CAAF;height: 10vh;"></view> | |||||
</view> | |||||
<view style="padding: 0;margin: 0;width: 70vw;height:1.5px;background-color: #7B8B6F;"></view> | |||||
<view style="display: flex;"> | |||||
<view class="all"> | |||||
昵称 | |||||
</view> | |||||
</view> | |||||
<view style="padding: 0;margin: 0;width: 70vw;height:1.5px;background-color: #7B8B6F;"></view> | |||||
<view style="display: flex;"> | |||||
<view class="all"> | |||||
生日 | |||||
</view> | |||||
<view style="padding: 0;margin: 0;width: 70vw;height:1.5px;background-color: #7B8B6F;"></view> | |||||
</view> | |||||
</view> | |||||
<view class="save"> | |||||
保存 | |||||
</view> | |||||
<image src="/asset/img/hangou1.png" mode="heightFix" class="hg"></image> | |||||
</view> | |||||
</view> |
@ -0,0 +1,62 @@ | |||||
/* Pages/id/id.wxss */ | |||||
.hg{ | |||||
padding: 0; | |||||
margin: 0; | |||||
position: relative; | |||||
width: 50px; | |||||
height: 130px; | |||||
top: 60vh; | |||||
left: 60vw; | |||||
bottom: env(safe-area-inset-bottom); | |||||
} | |||||
.navi{ | |||||
width: 40px; | |||||
height: 30px; | |||||
margin: 5px; | |||||
padding-top: 10px; | |||||
} | |||||
.save{ | |||||
background-color: #7B8B6F; | |||||
width: 33vw; | |||||
height: 6vh; | |||||
font-size: 30px; | |||||
font-weight: 600; | |||||
text-align: center; | |||||
position: relative; | |||||
top: 60vh; | |||||
left: 26vw; | |||||
margin: 0; | |||||
padding: 0; | |||||
} | |||||
.info{ | |||||
position: relative; | |||||
top: 10vh; | |||||
left: 10vw; | |||||
margin: 0; | |||||
padding: 0; | |||||
} | |||||
.avatar{ | |||||
width: 20vw; | |||||
background-color: #D8CAAF; | |||||
height: 10vh; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
font-size: 20px; | |||||
font-weight: 600; | |||||
} | |||||
.all{ | |||||
width: 20vw; | |||||
height: 5vh; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
font-size: 20px; | |||||
font-weight: 600; | |||||
background-color: #D8CAAF; | |||||
} | |||||