网点样式

src/components/Mine/Branch/branch.vue

@@ -30,8 +30,9 @@
       </div>
       <div class="border border-blue-50"></div>
       <!-- 营业时间 -->
-      <div class="mt-2 pb-3">
-        <template v-if="is_normal_work">
+      <div class="mt-2 pb-3 flex justify-between items-center">
+        <div class="overflow-hidden mr-6">
+          <div v-if="is_normal_work" class="mb-2">
             <icon
               name="icon-yingye"
               color="#1B1F37"
@@ -46,17 +47,8 @@
               v-else
               class="text-app-blue border border-app-blue bg-indigo-100 text-xs px-2 rounded"
             >休息中</span>
-        </template>
-        <div class="text-right h-3">
-          <icon
-            name="icon-ditu"
-            color="#3E4FAF"
-            size="14"
-            class="inline-block align-top"
-            @click="handleClickNagigate"
-          />
           </div>
-        <template v-if="is_normal_work">
+          <div v-if="is_normal_work">
             <icon
               name="icon-a-shijian"
               color="#1B1F37"
@@ -66,12 +58,23 @@
             <span
               class="text-gray-400 text-sm inline-block align-top"
             >{{ weekDays }} 丨 {{ dailyTime }}</span>
-        </template>
+          </div>
           <template v-else>
-          <div class="text-red">{{ error }}</div>
-          <!-- <div class="text-red">{{ errorReason }}</div> -->
+            <!-- <div class="text-red">{{ error }}</div> -->
+            <div class="text-red">{{ errorReason }}</div>
           </template>
         </div>
+        
+        <div class="text-right h-3">
+          <icon
+            name="icon-ditu"
+            color="#3E4FAF"
+            size="14"
+            class="inline-block align-top"
+            @click="handleClickNagigate"
+          />
+        </div>
+      </div>
     </div>
     <!-- 底部操作 -->
     <div class="flex text-center py-3 text-gray-800 bg-branch-tab-bg rounded-b-2xl" v-if="is_normal_work">

src/views/withMenu/Mine/branch.vue

@@ -27,8 +27,8 @@
     <!-- 附近网点 -->
     <Skeleton :row="3" :loading="result.loading" class="-mt-20 mb-10"></Skeleton>
     <Skeleton :row="3" :loading="result.loading" class="mt-5">
-      <div class="px-4 overflow-scroll -mt-10">
-        <p class="mt-8 mb-5 text-base font-semibold text-gray-800">附近的网点</p>
+      <div class="px-4 overflow-scroll -mt-8">
+        <p class="mt-12 mb-3 text-base font-semibold text-gray-800">附近的网点</p>
         <branch
           v-for="(item, index) in result.lists"
           :key="index"