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