替换我的ui

pages/mine/mine.vue

@@ -4,7 +4,7 @@
     <!-- 顶部自定义导航 -->
     
     <view class="top-backgroup">
-      <image src='../../static/bg4.png' mode='widthFix' class='backgroud-image'></image>
+      <image src='../../static/Group_1890181699.png' mode='widthFix' class='backgroud-image'></image>
     </view>
     
     <view class="about__wrap" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
@@ -120,7 +120,7 @@
       <view class="tn-flex tn-flex-row-between tn-bg-white about-shadow tn-margin-top-xl" style="padding-left: 12px;padding-right: 12px;">
         <view class="tn-padding-sm" @click="tn('/pages/mine/need')">
           <view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
-            <view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur" style="background-color: #F3F2F7;color: #7C8191;position: relative;">
+            <!-- <view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur" style="background-color: #F3F2F7;color: #7C8191;position: relative;"> -->
               <!-- <tn-badge absolute="true" v-if="needNum>0">
 				<span style="color: #fff;font-size: 11px;
 						background: #E83A30;
@@ -130,16 +130,19 @@
 						border-radius: 20px;
 						line-height: 20px;">{{needNum}}</span>
 			  </tn-badge> -->
-			  <view class="tn-icon-like"></view>
-            </view>  
+			<!--  <view class="tn-icon-like"></view>
+            </view>  -->
+			<view>
+				<img style="width:38px;height: 38px;  margin-bottom: 10px;" src='/static/Group_1890181704.png'/>
+			</view>
             <view class="tn-text-center">
-              <text class="tn-text-ellipsis" :style="{fontSize:(wxFontSize)+'px'}">我的需求</text>
+              <text class="tn-text-ellipsis" :style="{fontSize:(wxFontSize-1)+'px'}">我的需求</text>
             </view>
           </view>
         </view>
         <view class="tn-padding-sm" @click="tn('/pages/mine/share')">
           <view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
-            <view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur" style="background-color: #F3F2F7;color: #7C8191;position: relative;">
+            <!-- <view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur" style="background-color: #F3F2F7;color: #7C8191;position: relative;"> -->
               <!-- <tn-badge absolute="true" v-if="shareNum>0">
 				<span style="color: #fff;font-size: 11px;
 						background: #E83A30;
@@ -149,20 +152,26 @@
 						border-radius: 20px;
 						line-height: 20px;">{{shareNum}}</span>
               </tn-badge> -->
-			  <view class="tn-icon-share-triangle"></view>
-            </view>  
+			<!--  <view class="tn-icon-share-triangle"></view>
+            </view>  -->
+			<view>
+				<img style="width:38px;height: 38px;  margin-bottom: 10px;" src='/static/Group_1890181703.png'/>
+			</view>
             <view class="tn-text-center">
-              <text class="tn-text-ellipsis" :style="{fontSize:(wxFontSize)+'px'}">我的供应</text>
+              <text class="tn-text-ellipsis" :style="{fontSize:(wxFontSize-1)+'px'}">我的供应</text>
             </view>
           </view>
         </view>
         <view class="tn-padding-sm" @click="tn('/pages/mine/coll')">
           <view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
-            <view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur" style="background-color: #F3F2F7;color: #7C8191;">
+        <!--    <view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur" style="background-color: #F3F2F7;color: #7C8191;">
               <view class="tn-icon-star"></view>
-            </view>  
+            </view>  -->
+			<view>
+				<img style="width:38px;height: 38px;  margin-bottom: 10px;" src='/static/Group_1890181702.png'/>
+			</view>
             <view class="tn-text-center">
-              <text class="tn-text-ellipsis" :style="{fontSize:(wxFontSize)+'px'}">我的收藏</text>
+              <text class="tn-text-ellipsis" :style="{fontSize:(wxFontSize-1)+'px'}">我的收藏</text>
             </view>
           </view>
         </view>
@@ -180,7 +189,8 @@
           <button class="tn-flex tn-flex-col-center tn-button--clear-style" @click="showFeedback">
             <view
               class="icon1__item--icon tn-flex tn-flex-row-center tn-flex-col-center" style="color: #7C8191;">
-              <view class="tn-icon-message-fill" :style="{fontSize:(wxFontSize+1)+'px'}"></view>
+            <!--  <view class="tn-icon-message-fill" :style="{fontSize:(wxFontSize+1)+'px'}"></view> -->
+			<img style="width:18px;height: 18px;  margin-bottom: 0px;" src='/static/Group_890181710.png'/>
             </view>
             <view class="tn-flex tn-flex-row-between" style="width: 100%;">
               <view class="tn-margin-left-sm" :style="{fontSize:(wxFontSize-1)+'px'}">我有问题</view>
@@ -192,7 +202,8 @@
 		  <view class="tn-flex tn-flex-col-center">
 		    <view
 		      class="icon1__item--icon tn-flex tn-flex-row-center tn-flex-col-center" style="color: #7C8191;">
-		      <view class="tn-icon-safe-fill" :style="{fontSize:(wxFontSize+1)+'px'}"></view>
+		     <!-- <view class="tn-icon-safe-fill" :style="{fontSize:(wxFontSize+1)+'px'}"></view> -->
+			 <img style="width:18px;height: 18px;  margin-bottom: 0px;" src='/static/Group_1890181709.png'/>
 		    </view>
 		    <view class="tn-margin-left-sm tn-flex-1" :style="{fontSize:(wxFontSize-1)+'px'}">用户声明</view>
 		    <view class="tn-color-gray tn-icon-right"></view>
@@ -202,7 +213,8 @@
 		  <view class="tn-flex tn-flex-col-center">
 		    <view
 		      class="icon1__item--icon tn-flex tn-flex-row-center tn-flex-col-center" style="color: #7C8191;">
-		      <view class="tn-icon-lock" :style="{fontSize:(wxFontSize+1)+'px'}"></view>
+		      <!-- <view class="tn-icon-lock" :style="{fontSize:(wxFontSize+1)+'px'}"></view> -->
+			  <img style="width:18px;height: 18px;  margin-bottom: 0px;" src='/static/Group_1890181708.png'/>
 		    </view>
 		    <view class="tn-margin-left-sm tn-flex-1" :style="{fontSize:(wxFontSize-1)+'px'}">隐私协议</view>
 		    <view class="tn-color-gray tn-icon-right"></view>
@@ -212,7 +224,8 @@
 		  <view class="tn-flex tn-flex-col-center">
 		    <view
 		      class="icon1__item--icon tn-flex tn-flex-row-center tn-flex-col-center" style="color: #7C8191;">
-		      <view class="tn-icon-help" :style="{fontSize:(wxFontSize+1)+'px'}"></view>
+		      <!-- <view class="tn-icon-help" :style="{fontSize:(wxFontSize+1)+'px'}"></view> -->
+			  <img style="width:18px;height: 18px;  margin-bottom: 0px;" src='/static/Group_1890181707.png'/>
 		    </view>
 		    <view class="tn-margin-left-sm tn-flex-1" :style="{fontSize:(wxFontSize-1)+'px'}">了解速立保</view>
 		    <view class="tn-color-gray tn-icon-right"></view>
@@ -222,7 +235,8 @@
 		  <view class="tn-flex tn-flex-col-center">
 		    <view
 		      class="icon1__item--icon tn-flex tn-flex-row-center tn-flex-col-center" style="color: #7C8191;">
-		      <view class="tn-icon-font" :style="{fontSize:(wxFontSize+1)+'px'}"></view>
+		      <!-- <view class="tn-icon-font" :style="{fontSize:(wxFontSize+1)+'px'}"></view> -->
+			  <img style="width:18px;height: 18px;  margin-bottom: 0px;" src='/static/Group_1890181706.png'/>
 		    </view>
 		    <view class="tn-margin-left-sm tn-flex-1" :style="{fontSize:(wxFontSize-1)+'px'}">字体大小</view>
 		    <view class="tn-color-gray tn-icon-right"></view>
@@ -233,6 +247,7 @@
 		    <view
 		      class="icon1__item--icon tn-flex tn-flex-row-center tn-flex-col-center" style="color: #7C8191;">
 		      <view class="tn-icon-message" :style="{fontSize:(wxFontSize+1)+'px'}"></view>
+			  <!-- <img style="width:18px;height: 18px;  margin-bottom: 0px;" src='/static/Group_1890181705.png'/> -->
 		    </view>
 		    <view class="tn-margin-left-sm tn-flex-1" :style="{fontSize:(wxFontSize-1)+'px'}">接收通知</view>
 		    <view class="tn-color-gray">
@@ -245,7 +260,8 @@
 		  <view class="tn-flex tn-flex-col-center">
 		    <view
 		      class="icon1__item--icon tn-flex tn-flex-row-center tn-flex-col-center" style="color: #7C8191;">
-		      <view class="tn-icon-my-reduce" :style="{fontSize:(wxFontSize+1)+'px'}"></view>
+		      <!-- <view class="tn-icon-my-reduce" :style="{fontSize:(wxFontSize+1)+'px'}"></view> -->
+			  <img style="width:18px;height: 18px;  margin-bottom: 0px;" src='/static/Group_1890181705.png'/>
 		    </view>
 		    <view class="tn-margin-left-sm tn-flex-1" :style="{fontSize:(wxFontSize-1)+'px'}">注销账户</view>
 		    <view class="tn-color-gray tn-icon-right"></view>
@@ -254,21 +270,28 @@
 		 
       </view>
 	  
-	  <view class="about-shadow tn-margin-top-lg tn-margin-bottom-lg tn-padding-top-sm tn-padding-bottom-sm"  v-if="!showLogin">
+	<!--  <view class="about-shadow tn-margin-top-lg tn-margin-bottom-lg tn-padding-top-sm tn-padding-bottom-sm"  v-if="!showLogin">
 	    
 	  		<tn-list-cell :hover="true" :unlined="true" :radius="true" :fontSize="30" @click="showLogout()">
-	  		  <view class="tn-flex tn-flex-col-center">
-	  		    <view
+	  		  <view class="tn-flex tn-flex-col-center"> -->
+	  		   <!-- <view
 	  		      class="icon1__item--icon tn-flex tn-flex-row-center tn-flex-col-center" style="color: #7C8191;">
 	  		      <view class="tn-icon-logout" :style="{fontSize:(wxFontSize+1)+'px'}"></view>
 	  		    </view>
 	  		    <view class="tn-margin-left-sm tn-flex-1" :style="{fontSize:(wxFontSize-1)+'px'}">退出登录</view>
-	  		    <view class="tn-color-gray tn-icon-right"></view>
-	  		  </view>
+	  		    <view class="tn-color-gray tn-icon-right"></view> -->
+	  		
+<!-- 			  </view>
 	  		</tn-list-cell>
 	  		 
-	  </view>
-
+	  </view> -->
+	   <view  v-if="!showLogin">
+		   <tn-list-cell :hover="true" :unlined="true" :radius="true" :fontSize="30" @click="showLogout()">
+		  <view style="background-color: rgba(255, 98, 58, 0.1);height: 42px; color: #FF623A; width: 100%;text-align: center;line-height: 42px;border-radius: 8px;">
+		  退出登录
+			</view>
+			</tn-list-cell>
+		</view>
     </view>
 	<uni-popup ref="alertDialog" type="dialog">
 		<uni-popup-dialog :type="msgType" cancelText="取消" confirmText="确定" title="确定注销账户吗?" content=" " @confirm="logOff()"