网点样式

src/components/Mine/Branch/branch.vue

@@ -30,23 +30,41 @@
       </div>
       <div class="border border-blue-50"></div>
       <!-- 营业时间 -->
-      <div class="mt-2 pb-3">
-        <template v-if="is_normal_work">
-          <icon
-            name="icon-yingye"
-            color="#1B1F37"
-            size="14"
-            class="inline-block align-middle mr-3"
-          />
-          <span
-            v-if="isOpen"
-            class="text-app-blue border border-app-blue bg-indigo-100 text-xs px-2 rounded"
-          >营业中</span>
-          <span
-            v-else
-            class="text-app-blue border border-app-blue bg-indigo-100 text-xs px-2 rounded"
-          >休息中</span>
-        </template>
+      <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"
+              size="14"
+              class="inline-block align-middle mr-3"
+            />
+            <span
+              v-if="isOpen"
+              class="text-app-blue border border-app-blue bg-indigo-100 text-xs px-2 rounded"
+            >营业中</span>
+            <span
+              v-else
+              class="text-app-blue border border-app-blue bg-indigo-100 text-xs px-2 rounded"
+            >休息中</span>
+          </div>
+          <div v-if="is_normal_work">
+            <icon
+              name="icon-a-shijian"
+              color="#1B1F37"
+              size="14"
+              class="inline-block align-text-top mr-3"
+            />
+            <span
+              class="text-gray-400 text-sm inline-block align-top"
+            >{{ weekDays }} 丨 {{ dailyTime }}</span>
+          </div>
+          <template v-else>
+            <!-- <div class="text-red">{{ error }}</div> -->
+            <div class="text-red">{{ errorReason }}</div>
+          </template>
+        </div>
+        
         <div class="text-right h-3">
           <icon
             name="icon-ditu"
@@ -56,21 +74,6 @@
             @click="handleClickNagigate"
           />
         </div>
-        <template v-if="is_normal_work">
-          <icon
-            name="icon-a-shijian"
-            color="#1B1F37"
-            size="14"
-            class="inline-block align-text-top mr-3"
-          />
-          <span
-            class="text-gray-400 text-sm inline-block align-top"
-          >{{ weekDays }} 丨 {{ dailyTime }}</span>
-        </template>
-        <template v-else>
-          <div class="text-red">{{ error }}</div>
-          <!-- <div class="text-red">{{ errorReason }}</div> -->
-        </template>
       </div>
     </div>
     <!-- 底部操作 -->

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"