lhf

pages/mine/index.wxml

@@ -1,10 +1,21 @@
-<view class="container">
+<view class="mine_title">
-    <view class="mine_title">
     <view class="title_left">
         <view style="font-size:40rpx">胆怯的麦粒</view>
         <view style="font-size:24rpx; color: #9b9999;"> 欢迎您使⽤硕为思平台</view>
     </view>
     <view class="title_right">
+        <van-image round width="200rpx" height="200rpx" fit='cover' src="https://img.yzcdn.cn/vant/cat.jpeg" />
     </view>
-    </view>
+
+</view>
+<view class="content">
+        <van-cell title="账号绑定" is-link icon="location-o" border="{{false}}" title-class='cell_label' />
+        <van-cell title="帮助中心" is-link icon="location-o" border="{{false}}" title-class='cell_label'/>
+        <van-cell title="我的报告" is-link icon="location-o" border="{{false}}" title-class='cell_label'/>
+        <van-cell title="隐私政策" is-link icon="location-o" border="{{false}}" title-class='cell_label'/>
+        <van-cell title="关于我们" is-link icon="location-o" border="{{false}}" title-class='cell_label' />
+</view>
+
+<view class="quit">
+    <van-button type="primary" block color='#d9edff' custom-style='btn_style'>退出登录</van-button>
 </view>

pages/mine/index.wxss

@@ -1,4 +1,23 @@
 .container {
     width: 100%;
-    height: 330px;
+    /* height: 330px; */
+}
+.mine_title{
+    height: 400rpx;
+    width: 100%;
+    display: flex;
+    justify-content:space-around;
+    align-items: center;
+}
+.cell_label{
+    margin-left: 20rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+}
+.quit{
+    margin-top:192rpx;
+}
+.btn_style{
+    color: black;
+    border:4rpx solid #99ceff;
 }