Răsfoiți Sursa

perf(client): 优化路由

yizhiyang 10 luni în urmă
părinte
comite
9428119bab

+ 1 - 1
src/PageMine/myWallet/index.vue

@@ -43,7 +43,7 @@
 
       <view class="fl-flex-item u-m-t-26 u-m-b-26">
         <view class="f-s-32 text-primary text-bold">余额明细</view>
-        <view class="fl-flex" @tap="$Router.push('/PageMine/myWallet/walletDetail')">
+        <view class="fl-flex" @tap="$u.route('/PageMine/myWallet/walletDetail')">
           <view class="f-s-24 text-999 u-m-r-8">查看全部</view>
           <u-icon name="arrow-right" color="#999" size="12" />
         </view>

+ 1 - 1
src/PageMine/orderModules/index.vue

@@ -11,7 +11,7 @@
         class="order-item"
         v-for="(item, index) of 10"
         :key="index"
-        @click="$Router.push('/PageMine/orderDetail/index')"
+        @click="$u.route('/PageMine/orderDetail/index')"
       >
         <view class="item-top">
           <view class="top-left">

+ 2 - 2
src/pageMerchant/tabbar/mine.vue

@@ -4,7 +4,7 @@
     <view class="mine__nav" :style="{ height: 77 + 'px' }" />
     <view class="mine__person">
       <view class="mine__person--info">
-        <view @click="$Router.push('/pageMerchant/mineModule/personalInfo')">
+        <view @click="$u.route('/pageMerchant/mineModule/personalInfo')">
           <image
             :src="merchantInfo.merchant.logo"
             style="width: 140rpx; height: 140rpx; border-radius: 50%"
@@ -27,7 +27,7 @@
             </view>
             <!-- <view v-else class="text">
 							<text style="color: #f6bf3f"> 您当前还未认证,</text>
-							<text @click="$Router.push('/pageMerchant/mineModule/certification/index')">
+							<text @click="$u.route('/pageMerchant/mineModule/certification/index')">
 								去认证>
 							</text>
 						</view> -->

+ 1 - 4
src/pages/community/index.vue

@@ -26,10 +26,7 @@
 
     <view class="center-box">
       <view class="item-box" v-for="(item, index) of initList" :key="index">
-        <view
-          class="item-top"
-          @click="$Router.push('/pagesCommunity/dynamicDetail/index')"
-        >
+        <view class="item-top" @click="$u.route('/pagesCommunity/dynamicDetail/index')">
           <view class="top-left">
             <u-avatar :src="item.userDTO.avatar" size="45" />
           </view>

+ 7 - 10
src/pages/home/home copy.vue

@@ -14,7 +14,7 @@
           placeholder="请输入搜索内容"
           :showAction="false"
           v-model="keyword"
-          @click="$Router.push('/pagesHome/homeSearch/index')"
+          @click="$u.route('/pagesHome/homeSearch/index')"
           bgColor="#fff"
           :disabled="true"
         />
@@ -45,7 +45,7 @@
       <view class="item-box">
         <view class="item-top">
           <view class="top-title">热门推荐</view>
-          <view class="top-more" @click="$Router.push('/pagesHome/home/popularRecommend')">
+          <view class="top-more" @click="$u.route('/pagesHome/home/popularRecommend')">
             <span>查看更多</span>
             <u-icon name="arrow-right" color="#999999" size="14"></u-icon>
           </view>
@@ -55,7 +55,7 @@
             class="item"
             v-for="(item, index) in homeData.recommends"
             :key="item.id"
-            @click="$Router.push(`/pagesHome/marketer/index?id=${item.id}`)"
+            @click="$u.route(`/pagesHome/marketer/index?id=${item.id}`)"
           >
             <hot-item v-if="index < 4" :item="item"></hot-item>
           </view>
@@ -71,7 +71,7 @@
       <view class="item-box">
         <view class="item-top">
           <view class="top-title">附近商家</view>
-          <view class="top-more" @click="$Router.push('/pagesHome/home/nearbyBusiness')">
+          <view class="top-more" @click="$u.route('/pagesHome/home/nearbyBusiness')">
             <span>查看更多</span>
             <u-icon name="arrow-right" color="#999999" size="14"></u-icon>
           </view>
@@ -81,7 +81,7 @@
             class="item"
             v-for="(item, index) in homeData.nears"
             :key="item.id"
-            @click="$Router.push(`/pagesHome/marketer/index?id=${item.id}`)"
+            @click="$u.route(`/pagesHome/marketer/index?id=${item.id}`)"
           >
             <recommend-item v-if="index < 4" :item="item"></recommend-item>
           </view>
@@ -249,14 +249,11 @@ export default {
       });
     },
     // 点击swiper跳转
-    handlerSwiperSkip(e) {
-      console.log('@@@swiperList', this.swiperList[e]);
-    },
+    handlerSwiperSkip(e) {},
     // 点击菜单
     handleMenuClick(item) {
-      console.log('111111', item);
       if (item.name === '全部') {
-        this.$Router.push('/pagesHome/category/index');
+        uni.$u.route('/pagesHome/category/index');
       } else {
         uni.navigateTo({
           url: `/pagesHome/storeList/index?id=${item.id}&name=${item.name}`,

+ 4 - 4
src/pages/login/index.vue

@@ -31,7 +31,7 @@
       <u-button
         shape="circle"
         :customStyle="buttonStyleButton"
-        @tap="$Router.push('/pages/phoneLogin/index')"
+        @tap="$u.route('/pages/phoneLogin/index')"
       >
         手机号登录/注册
       </u-button>
@@ -45,7 +45,7 @@
       </u-checkbox-group>
       <view
         @click="
-          $Router.push('/pages/webview/index?target=http://8.137.122.65:88/用户协议.html')
+          $u.route('/pages/webview/index?target=http://8.137.122.65:88/用户协议.html')
         "
         class="agreement"
       >
@@ -53,7 +53,7 @@
       >
       <view
         @click="
-          $Router.push('/pages/webview/index?target=http://8.137.122.65:88/隐私政策.html')
+          $u.route('/pages/webview/index?target=http://8.137.122.65:88/隐私政策.html')
         "
         class="agreement"
       >
@@ -64,7 +64,7 @@
     <!-- 第三方 -->
     <view class="t-f"><text>————— 第三方账号登录 —————</text></view>
     <view class="t-e cl">
-      <view class="t-g" @click="$Router.push('/pages/phoneLogin/index')">
+      <view class="t-g" @click="$u.route('/pages/phoneLogin/index')">
         <image src="/static//icon/phone.png" />
       </view>
       <view class="t-g">

+ 1 - 1
src/pages/message/index.vue

@@ -5,7 +5,7 @@
       class="fl-flex fl-justify-between fl-align-center u-m-b-40"
       v-for="(item, index) in orderList"
       :key="index"
-      @tap="$Router.push(item.url)"
+      @tap="$u.route(item.url)"
     >
       <view class="fl-flex fl-align-center">
         <u--image

+ 1 - 1
src/pages/message/message copy.vue

@@ -13,7 +13,7 @@
             class="orderList"
             v-for="item in orderList"
             :key="item.id"
-            @tap="$Router.push(item.url)"
+            @tap="$u.route(item.url)"
           >
             <view class="img">
               <image :src="item.img" style="width: 45px; height: 45px" />

+ 18 - 4
src/pages/mine/index.vue

@@ -1,7 +1,11 @@
 <template>
   <view class="client-mine">
     <view class="mine-bg">
-      <u--image src="/static/pages/mine/mine-bg.png" width="100%" height="550rpx"></u--image>
+      <u--image
+        src="/static/pages/mine/mine-bg.png"
+        width="100%"
+        height="550rpx"
+      ></u--image>
     </view>
 
     <view class="mine-main">
@@ -16,7 +20,7 @@
           src="/static/pages/mine/mine_setting.png"
           width="48rpx"
           height="48rpx"
-          @tap="$Router.push('/PageMine/setting/index')"
+          @tap="$u.route('/PageMine/setting/index')"
         ></u--image>
       </view>
 
@@ -57,7 +61,12 @@
       <base-card padding="0rpx" marginBottom="24rpx">
         <view class="fl-flex fl-justify-between mine-wallet fl-align-center">
           <view class="f-s-32 u-font-600 text-primary u-m-b-16">我的钱包</view>
-          <u-icon name="arrow-right" color="#616570" size="16" @click="handlerWallet"></u-icon>
+          <u-icon
+            name="arrow-right"
+            color="#616570"
+            size="16"
+            @click="handlerWallet"
+          ></u-icon>
         </view>
         <view class="wallet-data fl-flex fl-justify-between fl-align-center">
           <view class="fl-flex" v-for="(item, index) in incomeList" :key="index">
@@ -75,7 +84,12 @@
 
       <base-card padding="0rpx" marginBottom="24rpx">
         <u-cell-group v-for="(item, index) in LinkList" :key="index" :border="false">
-          <u-cell :title="item.title" @click="handleCell(item)" isLink :border="index !== 5">
+          <u-cell
+            :title="item.title"
+            @click="handleCell(item)"
+            isLink
+            :border="index !== 5"
+          >
             <view slot="icon" class="u-m-r-10">
               <u--image
                 :src="`/static/pages/mine/${item.icon}.png`"

+ 3 - 3
src/pages/mine/mine-copy.vue

@@ -4,13 +4,13 @@
       <view class="head-flex">
         <view class="flex">
           <view style="margin-right: 20rpx">
-            <!-- <u-avatar :src="avatar" size="80" @tap="$Router.push('/pages/client/clientUser/personal')" /> -->
+            <!-- <u-avatar :src="avatar" size="80" @tap="$u.route('/pages/client/clientUser/personal')" /> -->
             <u-avatar :src="avatar" size="80" @click="handlerReviewImg" />
           </view>
           <view class="nickname"> {{ nickname }} </view>
         </view>
 
-        <view class="setting-img-box" @tap="$Router.push('/PageMine/setting/index')">
+        <view class="setting-img-box" @tap="$u.route('/PageMine/setting/index')">
           <image
             class="setting-img"
             src="/static/user/mine/icon_user_mine_setting.png"
@@ -25,7 +25,7 @@
           <u-grid-item
             v-for="(listItem, listIndex) in collectList"
             :key="listIndex"
-            @tap="$Router.push(listItem.url)"
+            @tap="$u.route(listItem.url)"
           >
             <u-icon
               :customStyle="{ paddingTop: 20 + 'rpx' }"

+ 8 - 3
src/pagesHome/category/index.vue

@@ -51,7 +51,11 @@
                   :src="child.icon"
                   mode=""
                 ></image>
-                <view v-else class="item-menu-image row-c" style="background-color: #f4f6f8">
+                <view
+                  v-else
+                  class="item-menu-image row-c"
+                  style="background-color: #f4f6f8"
+                >
                   <text style="font-size: 20rpx; color: #d0d0d0">加载失败</text>
                 </view>
                 <view class="item-menu-name">{{ child.name }}</view>
@@ -184,7 +188,8 @@ export default {
         await this.getElRect('u-tab-item', 'menuItemHeight');
       }
       // 将菜单活动item垂直居中
-      this.scrollTop = index * this.menuItemHeight + this.menuItemHeight / 2 - this.menuHeight / 2;
+      this.scrollTop =
+        index * this.menuItemHeight + this.menuItemHeight / 2 - this.menuHeight / 2;
     },
     /**
      * 点击左边的栏目切换
@@ -233,7 +238,7 @@ export default {
       }, 10);
     },
     handleItemClick(id) {
-      this.$Router.push(`/pagesHome/storeList/index?id=${id}`);
+      uni.$u.route(`/pagesHome/storeList/index?id=${id}`);
     },
   },
 };

+ 1 - 1
src/pagesHome/evaluateList/index.vue

@@ -15,7 +15,7 @@ export default {
   },
   methods: {
     handleServer() {
-      this.$Router.push('/pagesHome/evaluateDetail/index');
+      uni.$u.route('/pagesHome/evaluateDetail/index');
     },
   },
 };

+ 19 - 5
src/pagesHome/homeSearch/index copy.vue

@@ -50,13 +50,19 @@
           borderColor="#F5F6F8"
           :show="close2"
           :color="
-            index == 0 ? '#EB1010' : index == 1 ? '#FF5219' : index == 2 ? '#FDA50C' : '#0C1223'
+            index == 0
+              ? '#EB1010'
+              : index == 1
+              ? '#FF5219'
+              : index == 2
+              ? '#FDA50C'
+              : '#0C1223'
           "
           bgColor="#F5F6F8"
           :closable="false"
           class="label-item"
           v-if="index < 8"
-          @click="$Router.push(`/pagesHome/marketer/index?id=${item.id}`)"
+          @click="$u.route(`/pagesHome/marketer/index?id=${item.id}`)"
         />
       </view>
     </view>
@@ -68,7 +74,7 @@
           class="item-box layered"
           v-for="(item, index) of favorite_list"
           :key="index"
-          @click="$Router.push(`/pagesHome/marketer/index?id=${item.id}`)"
+          @click="$u.route(`/pagesHome/marketer/index?id=${item.id}`)"
         >
           <view class="item-left">
             <image class="img" :src="item.logo" mode="aspectFill"></image>
@@ -76,8 +82,16 @@
           <view class="item-right">
             <view class="item-title">{{ item.name }}</view>
             <view class="item-score">
-              <u-rate count="5" size="20" :value="item.score" active-color="#FFA033" readonly />
-              <span class="rate-text" v-if="item.score">( {{ item.score.toFixed(1) }} )</span>
+              <u-rate
+                count="5"
+                size="20"
+                :value="item.score"
+                active-color="#FFA033"
+                readonly
+              />
+              <span class="rate-text" v-if="item.score"
+                >( {{ item.score.toFixed(1) }} )</span
+              >
             </view>
             <view class="item-address"> {{ item.address }} </view>
           </view>

+ 14 - 4
src/pagesHome/homeSearch/index.vue

@@ -51,13 +51,19 @@
           borderColor="#F5F6F8"
           :show="close2"
           :color="
-            index == 0 ? '#EB1010' : index == 1 ? '#FF5219' : index == 2 ? '#FDA50C' : '#0C1223'
+            index == 0
+              ? '#EB1010'
+              : index == 1
+              ? '#FF5219'
+              : index == 2
+              ? '#FDA50C'
+              : '#0C1223'
           "
           bgColor="#F5F6F8"
           :closable="false"
           class="label-item"
           v-if="index < 8"
-          @click="$Router.push(`/pagesHome/marketer/index?id=${item.id}`)"
+          @click="$u.route(`/pagesHome/marketer/index?id=${item.id}`)"
         />
       </view>
     </view>
@@ -68,7 +74,11 @@
 
     <!-- 列表 -->
     <view style="padding: 0 32rpx">
-      <base-list :list="favorite_list" :boxShadow="boxShadow" @click="handleFavorite"></base-list>
+      <base-list
+        :list="favorite_list"
+        :boxShadow="boxShadow"
+        @click="handleFavorite"
+      ></base-list>
     </view>
   </view>
 </template>
@@ -154,7 +164,7 @@ export default {
     },
 
     handleFavorite(item) {
-      this.$Router.push(`/pagesHome/marketer/index?id=${item.id}`);
+      uni.$u.route(`/pagesHome/marketer/index?id=${item.id}`);
     },
   },
 };

+ 2 - 2
src/pagesHome/productDetail/index.vue

@@ -91,14 +91,14 @@
     <div class="service-evaluation">
       <view class="fl-flex-item">
         <view class="fl-text-title">服务详情</view>
-        <view class="fl-flex" @click="$Router.push('/pagesHome/evaluateList/index')">
+        <view class="fl-flex" @click="$u.route('/pagesHome/evaluateList/index')">
           <text class="f-s-24 text-999">查看更多</text>
           <u-icon name="arrow-right" color="#999" size="15"></u-icon>
         </view>
       </view>
       <view class="u-m-t-24">
         <dynamic-list :list="list"></dynamic-list>
-        <view class="dynamic-more" @click="$Router.push('/pagesHome/evaluateList/index')">
+        <view class="dynamic-more" @click="$u.route('/pagesHome/evaluateList/index')">
           <view>120评论 查看更多</view>
           <u-icon name="arrow-right" color="#999" size="12"></u-icon>
         </view>

+ 1 - 1
src/pagesHome/settleOrder/index.vue

@@ -16,7 +16,7 @@
             color="#000"
             size="14"
             bold
-            @click="$Router.push('/PageMine/address/index')"
+            @click="$u.route('/PageMine/address/index')"
           ></u-icon>
         </view>
       </base-card>