新增页面

src/pages/mine/index.vue

@@ -3,18 +3,18 @@
     <view class='user-info-view'>
       <image
         class='image-bg'
-        :src="assetsUrl+'test_bg.png'"
+        :src=" assetsUrl('test_bg.png')"
       />
 
       <view class='top-row'>
-        <image :src='assetsUrl+"ic_coupon.png"' />
+        <image :src=' assetsUrl("ic_coupon.png")' />
 
         <view class='u-flex-column'>
           <text>设计小仙女</text>
           <text>15542535625</text>
         </view>
 
-        <image :src='assetsUrl+"ic_qrcode_white.png"' />
+        <image :src=' assetsUrl("ic_qrcode_white.png")' />
       </view>
 
       <view class='bottom-row'>
@@ -22,11 +22,11 @@
           <text>100</text>
           <text>积分</text>
         </view>
-        <view>
+        <view @click.stop='goPath("/pages/mine/subs/recharge/index")'>
           <text>255.00</text>
           <text>余额</text>
         </view>
-        <view>
+        <view @click.stop='goPath("/pages/mine/subs/coupon/coupon-list")'>
           <text>3</text>
           <text>优惠券</text>
         </view>
@@ -36,14 +36,14 @@
     <view class='integral-add-view'>
       <text>将会员卡放入微信卡包，及时了解积分变动</text>
       <text>去添加</text>
-      <image :src='assetsUrl+"ic_arrow_right_yellow.png"' />
+      <image :src=' assetsUrl("ic_arrow_right_yellow.png")' />
     </view>
 
     <text class='title-view'>
       我的订单
     </text>
     <view class='card-order-view'>
-      <view v-for='(item,index) in orderActionList' :key='index'>
+      <view v-for='(item,index) in orderActionList' :key='index' @click.stop='goPath(item.path)'>
         <image :src='item.icon' />
         <text>{{ item.title }}</text>
         <text v-if='item.amount>0'>{{ item.amount }}</text>
@@ -55,7 +55,7 @@
     </text>
 
     <view class='card-service-view'>
-      <view v-for='(item,index) in serviceList' :key='index'>
+      <view v-for='(item,index) in serviceList' :key='index' @click.stop='goPath(item.path)'>
         <image :src='item.icon' />
         <text>{{ item.title }}</text>
       </view>
@@ -66,47 +66,48 @@
 <script setup lang='ts'>
 import { useUserStore } from '@/store';
 import { assetsUrl } from '@/utils/assets';
+import { goPath } from '@/utils';
 
 const orderActionList = ref([{
   title: '进行中',
-  icon: assetsUrl + 'ic_order_progressing.png',
-  path: '',
+  icon: assetsUrl('ic_order_progressing.png'),
+  path: '/pages/mine/subs/order/order-list',
   amount: 10
 }, {
   title: '已结束',
-  icon: assetsUrl + 'ic_order_finish.png',
-  path: '',
+  icon: assetsUrl('ic_order_finish.png'),
+  path: '/pages/mine/subs/order/order-list?index=1',
   amount: 0
 }, {
   title: '全部订单',
-  icon: assetsUrl + 'ic_order_all.png',
-  path: '',
+  icon: assetsUrl('ic_order_all.png'),
+  path: '/pages/mine/subs/order/order-list?index=2',
   amount: 0
 }]);
 
 const serviceList = [
   {
     title: '会员信息',
-    icon: assetsUrl + 'ic_member_service_info.png',
-    path: ''
+    icon: assetsUrl('ic_member_service_info.png'),
+    path: '/pages/mine/subs/profile/index'
   },
   {
     title: '消费记录',
-    icon: assetsUrl + 'ic_member_service_record.png',
+    icon: assetsUrl('ic_member_service_record.png'),
     path: ''
   },
   {
     title: '关注公众号',
-    icon: assetsUrl + 'ic_member_service_follow.png',
+    icon: assetsUrl('ic_member_service_follow.png'),
     path: ''
   },
   {
     title: '收货地址',
-    icon: assetsUrl + 'ic_member_service_address.png',
-    path: ''
+    icon: assetsUrl('ic_member_service_address.png'),
+    path: '/pages/mine/subs/address/address-list'
   }, {
     title: '联系商家',
-    icon: assetsUrl + 'ic_member_service_contact.png',
+    icon: assetsUrl('ic_member_service_contact.png'),
     path: ''
   }
   // ,{
@@ -288,6 +289,7 @@ console.log('store.user_name', store.user_name);
       min-width: 40rpx;
       min-height: 35rpx;
       align-items: center;
+      font-size: 26rpx;
       justify-content: center;
       background: #F32B2B;
       border-radius: 50%;
@@ -309,6 +311,7 @@ console.log('store.user_name', store.user_name);
     align-items: center;
     justify-content: center;
     padding: 30rpx 0;
+    font-size: 26rpx;
   }
 
   image {