游客

mallApp/src/pages/home/user.vue

@@ -1,81 +1,53 @@
 <template>
-  <div class="app-main app-content">
-    <div class="user-wrap">
+  <view class="app-main app-content">
+    <view class="user-wrap">
       <template>
-        <div class="is-login-attr">
-          <div class="user-wrap-top">
-            <div class="user-blo-left">
-              <div class="user-name-warp">
-                <div class="user-name">{{shopUser.name}}</div>
-                <div class="user-level-img">
-                  <block>
-                    <template>
-                      <div class="nomal-text">普通客户</div>
-                    </template>
-                  </block>
-                </div>
-              </div>
-              <div class="user-level">
-                <div>ID {{shopUser.id}}</div>
-              </div>
-            </div>
-            <div class="user-blo-right login-attr-wrap">
-              <img
-                :src="shopUser.avatar"
-                alt="头像"
-                mode="widthFix"
-              />
-            </div>
-          </div>
-          <div class="user-wrap-bottom">
-            <div class="level-lint">
-              <progress
-                percent="0"
-                stroke-width="2"
-                activeColor="#ffe4bd"
-                backgroundColor="#FF2842"
-              />
-            </div>
-            <div>成长值 {{shopUser.growth}} </div>
-          </div>
-        </div>
+        <view class="is-login-attr">
+          <view class="user-wrap-top">
+            <view class="user-blo-left">
+              <view class="user-name-warp">
+                <view class="user-name">{{shopUser.name}}</view>
+              </view>
+              <view class="user-level">
+                <view>ID {{shopUser.id}}</view>
+              </view>
+            </view>
+            <view class="user-blo-right login-attr-wrap">
+              <image :src="shopUser.avatar" alt="头像" mode="widthFix"></image>
+            </view>
+          </view>
+          <view class="user-wrap-bottom">
+            <view class="level-lint">
+              <progress percent="0" stroke-width="2" activeColor="#ffe4bd" backgroundColor="#FF2842"></progress>
+            </view>
+            <view>成长值 {{shopUser.growth}} </view>
+          </view>
+        </view>
       </template>
-    </div>
+    </view>
     <template>
-      <div class="surplus-wrap">
-        <div class="surplus-left">
-          <div>我的余额(¥)</div>
-          <div class="my-surplus">{{shopUser.balance}}</div>
-        </div>
-        <div class="surplus-right">
-          <button
-            class="button-com red"
-            @click="
-              pageToFn({
-                url: '/pages/pay/index',
-                query: {
-                  pageStatus: 'payment',
-                },
-              })
-            "
-          >
-            付款
-          </button>
-        </div>
-      </div>
+      <view class="surplus-wrap">
+        <view class="surplus-left">
+          <view>我的余额(¥)</view>
+          <view class="my-surplus">{{shopUser.balance}}</view>
+        </view>
+        <view class="surplus-right">
+          <button class="button-com red" @click=" pageToFn({ url: '/pages/pay/index', query: { pageStatus: 'payment', }, }) " > 付款 </button>
+        </view>
+      </view>
     </template>
 
-    <div class="list-content">
+    <view class="list-content">
       <tui-list-view class="tui-list-view">
         <tui-list-cell
           class="tui-list"
           :arrow="true"
           @click="pageToFn('/pages/order/list')"
         >
-          <div class="list-wrap">
-            <div class="list-label">我的订单</div>
-            <!-- <div class="list-text">{{ shopUser.userAsset.totalBuyNum }}</div> -->
-          </div>
+          <view class="list-wrap">
+            <view class="list-label">我的订单</view>
+            <!-- <view class="list-text">{{ shopUser.userAsset.totalBuyNum }}</view> -->
+          </view>
         </tui-list-cell>
         <!--
         <tui-list-cell
@@ -83,10 +55,10 @@
           :arrow="true"
           @click="pageToFn('/pages/interest/invite')"
         >
-          <div class="list-wrap">
-            <div class="list-label">我的邀请</div>
-            <div class="list-text">领取奖励</div>
-          </div>
+          <view class="list-wrap">
+            <view class="list-label">我的邀请</view>
+            <view class="list-text">领取奖励</view>
+          </view>
         </tui-list-cell>
         -->
         <tui-list-cell
@@ -94,9 +66,9 @@
           :arrow="true"
           @click="pageToFn('/pages/coupon/list')"
         >
-          <div class="list-wrap">
-            <div class="list-label">我的优惠券</div>
-          </div>
+          <view class="list-wrap">
+            <view class="list-label">我的优惠券</view>
+          </view>
         </tui-list-cell>
         <!--
         <tui-list-cell
@@ -104,9 +76,9 @@
           :arrow="true"
           @click="pageToFn('/pages/interest/level')"
         >
-          <div class="list-wrap">
-            <div class="list-label">会员权益</div>
-          </div>
+          <view class="list-wrap">
+            <view class="list-label">会员权益</view>
+          </view>
         </tui-list-cell>
         -->
         <tui-list-cell
@@ -114,16 +86,15 @@
           :arrow="true"
           @click="pageToFn('/pages/user/password')"
         >
-          <div class="list-wrap">
-            <div class="list-label">支付密码</div>
-          </div>
+          <view class="list-wrap">
+            <view class="list-label">支付密码</view>
+          </view>
         </tui-list-cell>
       </tui-list-view>
-    </div>
+    </view>
     <tab-bar :current="4"></tab-bar>
-  </div>
+  </view>
 </template>
-
 <script>
 import { mapGetters } from "vuex";
 import TuiListView from "@/components/plugin/list-view";
@@ -191,7 +162,7 @@ export default {
     width: 90px;
     height: 90px;
     border-radius: 50%;
-    img {
+    image {
       border-radius: 50%;
     }
   }