我的页面

pages.json

@@ -1,5 +1,11 @@
 {
   "pages": [
+	  {
+	    "path": "pages/mine/index",
+	    "style": {
+	      "navigationBarTitleText": "我的"
+	    }
+	  },
 	{
 	  "path": "pages/login",
 	  "style": {
@@ -24,12 +30,7 @@
     "style": {
       "navigationBarTitleText": "工作台"
     }
-  }, {
-    "path": "pages/mine/index",
-    "style": {
-      "navigationBarTitleText": "我的"
-    }
-  }, {
+  },  {
     "path": "pages/mine/avatar/index",
     "style": {
       "navigationBarTitleText": "修改头像"

pages/mine/index.vue

@@ -2,7 +2,7 @@
   <view class="mine-container" :style="{height: `${windowHeight}px`}">
     <!--顶部个人信息栏-->
     <view class="header-section">
-      <view class="flex padding justify-between">
+      <view class="flex padding justify-between" style="padding-right: 8px;">
         <view class="flex align-center">
           <view v-if="!avatar" class="cu-avatar xl round bg-white">
             <view class="iconfont icon-people text-gray icon"></view>
@@ -13,63 +13,67 @@
             点击登录
           </view>
           <view v-if="name" @click="handleToInfo" class="user-info">
-            <view class="u_title">
-              用户名：{{ name }}
+            <view class="u_title" style="font-size: 30px;">
+              用户昵称
+			  <view class="u_title" style="color: #896A33;font-size: 26px;">
+			    {{ name }}
+			  </view>
             </view>
           </view>
         </view>
         <view @click="handleToInfo" class="flex align-center">
-          <text>个人信息</text>
+          <text></text>
           <view class="iconfont icon-right"></view>
         </view>
       </view>
     </view>
 
     <view class="content-section">
-      <view class="mine-actions grid col-4 text-center">
-        <view class="action-item" @click="handleJiaoLiuQun">
-          <view class="iconfont icon-friendfill text-pink icon"></view>
-          <text class="text">交流群</text>
-        </view>
-        <view class="action-item" @click="handleBuilding">
-          <view class="iconfont icon-service text-blue icon"></view>
-          <text class="text">在线客服</text>
-        </view>
-        <view class="action-item" @click="handleBuilding">
-          <view class="iconfont icon-community text-mauve icon"></view>
-          <text class="text">反馈社区</text>
-        </view>
-        <view class="action-item" @click="handleBuilding">
-          <view class="iconfont icon-dianzan text-green icon"></view>
-          <text class="text">点赞我们</text>
-        </view>
-      </view>
-
       <view class="menu-list">
-        <view class="list-cell list-cell-arrow" @click="handleToEditInfo">
+        <view class="list-cell list-cell-arrow list-cellf" @click="handleToEditInfo">
           <view class="menu-item-box">
-            <view class="iconfont icon-user menu-icon"></view>
-            <view>编辑资料</view>
+            <view class="">
+				<image style="width: 36px;height: 36px;" src="../../static/images/icon_mine_smsy.png"/>
+			</view>
+            <view class="ou">扫码使用</view>
           </view>
+		 
         </view>
-        <view class="list-cell list-cell-arrow" @click="handleHelp">
+        <view class="list-cell list-cell-arrow list-cellf" @click="handleHelp">
           <view class="menu-item-box">
-            <view class="iconfont icon-help menu-icon"></view>
-            <view>常见问题</view>
+            <view class="">
+            	<image style="width: 36px;height: 36px;" src="../../static/images/icon_mine_wddd.png"/>
+            </view>
+            <view class="ou">我的订单</view>
           </view>
         </view>
-        <view class="list-cell list-cell-arrow" @click="handleAbout">
+        <view class="list-cell list-cell-arrow list-cellf" @click="handleAbout">
           <view class="menu-item-box">
-            <view class="iconfont icon-aixin menu-icon"></view>
-            <view>关于我们</view>
+            <view class="">
+            	<image style="width: 36px;height: 36px;" src="../../static/images/icon_mine_xwzx.png"/>
+            </view>
+            <view class="ou">新闻资讯</view>
           </view>
         </view>
-        <view class="list-cell list-cell-arrow" @click="handleToSetting">
+        <view class="list-cell list-cell-arrow list-cellf" @click="handleToSetting">
           <view class="menu-item-box">
-            <view class="iconfont icon-setting menu-icon"></view>
-            <view>应用设置</view>
+            <view class="">
+            	<image style="width: 36px;height: 36px;" src="../../static/images/icon_mine_ggxx.png"/>
+            </view>
+            <view class="ou">公告消息</view>
           </view>
         </view>
+		<view class="list-cell list-cell-arrow list-cellf" @click="handleToSetting">
+		  <view class="menu-item-box">
+		    <view class="">
+		    	<image style="width: 36px;height: 36px;" src="../../static/images/icon_mine_sbgl.png"/>
+		    </view>
+		    <view class="ou">设备管理</view>
+		  </view>
+		</view>
+		<view>
+			<image src="../../static/images/pic_mine_logo_sy.png" mode="" style="width: 260px; height: 87px; margin-left: 50%; transform: translateX(-50%);margin-top: 50px;"></image>
+		</view>
       </view>
 
     </view>
@@ -141,12 +145,12 @@
   .mine-container {
     width: 100%;
     height: 100%;
-
-
+	background-image: url(../../static/images/pic_mine_bg.png) ;
+	background-size: 100% 100%;
     .header-section {
       padding: 15px 15px 45px 15px;
-      background-color: #3c96f3;
-      color: white;
+      // background-color: #3c96f3;
+      color: #140109;
 
       .login-tip {
         font-size: 18px;
@@ -195,4 +199,35 @@
       }
     }
   }
+  .ou{
+	  font-size: 30px;
+	  font-family: FZCuSong-B09S;
+	  font-weight: 400;
+	  color: #140109;
+	  margin-left: 30px;
+  }
+</style>
+<style lang="scss" scoped>
+	.iconfont{
+		font-size: 29px;
+	}
+	.list-cell-arrow::before{
+		border-color:#140109;
+		// font-size: 29px;
+		width: 18px;
+		height: 18px;
+	}
+	.list-cellf{
+		position: relative;
+		    width: 100%;
+		     background:rgba(0,0,0,0);
+		    color: #333;
+		    padding: 35px 17px;
+	}
+	.list-cell-arrow::before{
+		// border-color:#E3DAC6;
+	}
+	.list-cell::after{
+		border-bottom: 1px solid #E3DAC6;
+	}
 </style>