完成店铺选择排序问题

menuSubPackage/pages/areaSelect/areaSelect.vue

@@ -10,7 +10,7 @@
                 <image :style="{'height':'100%','width':'100%'}"  :src="'../../../static/imgs/jiantouhei2.png'" />
             </view>
         </view>
-        <div v-for="item in list" :key="item.id" @click="selectedShop(item)" class="shop_item" :class="shopId==item.id?'active':''">
+        <div v-for="item in finalList" :key="item.id" @click="selectedShop(item)" class="shop_item" :class="shopId==item.id?'active':''">
             <div class="header">
                 <view class="name">{{ item.name }}</view>
                 <view class="adressBox">
@@ -55,6 +55,24 @@ export default {
         this.list = uni.getStorageSync('shops');
         this.areaName = uni.getStorageSync('areaName')
     },
+    computed: {
+        finalList() {
+            const {list} = this
+            const val = list.sort((a,b)=>{
+                return a.realDistance-b.realDistance
+            })
+            let unshiftVal = {}
+            val.map((item,index)=>{
+             if(item.id==this.shopId){
+                unshiftVal =  val.splice(index,1)[0]
+             }
+            })
+            if(JSON.stringify(unshiftVal)!='{}'){
+                val.unshift(unshiftVal)
+            }
+            return val
+        }
+    },  
     methods: {
         selectedShop(item) {
             uni.setStorage({ key: 'shopData', data: item });

pages/mine/mine.vue

@@ -5,7 +5,7 @@
 				<!-- <image class="logImg" src="/static/imgs/hooloo.png"></image> -->
 				<!-- <view class="logText">未 来 咖 啡</view> -->
 			</view>
-			<image :src="'https://s3.bmp.ovh/imgs/2022/07/01/f683c3a5225011b2.gif'"/>
+			<image :src="'https://s3.bmp.ovh/imgs/2022/07/05/1768111c5c7f5300.gif'"/>
 			<!-- <video class="video" autoplay muted loop :controls="false" :enable-progress-gesture="false" objectFit='cover' src="http://songclound.oss-cn-hongkong.aliyuncs.com/2022/06/27/e6582afb60924.mp4"></video> -->
 			<view class="mod11">
 				<view class="avatar">