代码提交

pages/footprint/footprint.vue

@@ -1,12 +1,8 @@
 <template>
   <layout>
-    <uv-navbar
-        :fixed="false"
-        title="我的足迹"
-        left-arrow
-        @leftClick="goBack"
-    />
-
+    <Header :scroll-top="scrollTop" header-area-bg="#fff" system-bar-area-bg="#fff">
+      我的足迹
+    </Header>
     <view class="top-option">
       <view />
       <view
@@ -17,63 +13,65 @@
       </view>
     </view>
     <container>
-      <uv-swipe-action>
-        <space
-            direction="vertical"
-            fill
-        >
-          <template v-if="dataList.length>0">
-            <uv-checkbox-group
-                v-model="selectValues"
-                shape="circle"
-                activeColor="#ec6e47"
-            >
-              <view
-                  class="select-row"
-                  v-for="(item) in dataList"
-                  :key="item.id"
-              >
-                <uv-checkbox
-                    v-if="showManage"
-                    :customStyle="{marginBottom: '8px'}"
-                    :name="item.id"
-                />
-                <card
-                    style="width: 100%"
-                    @click="handleRightSingleSelect(item)"
-                >
-                  <uv-swipe-action-item
-                      :disabled="showManage"
-                      :options="options"
-                      @click="handleOpenDelete(true, item)"
-                  >
-                    <goods
-                        list
-                        :data="item"
-                        :storeName="item.storeName"
-                        :price="item.price"
-                        :stock="item.stock"
-                        interval="true"
-                        desc="3"
-                        showAction="true"
-                        surplus="200"
-                        priceMode="primary"
-                        @click=" push({url: '/pages/goodsDetail/goodsDetail'}, {data: {id: item.productId}})"
-                    >
-                    </goods>
-                  </uv-swipe-action-item>
-                </card>
-              </view>
-            </uv-checkbox-group>
-          </template>
-          <Empty
-              :iconSrc="emptyIcon"
-              v-else
+      <view class="footprint">
+        <uv-swipe-action>
+          <space
+              direction="vertical"
+              fill
           >
-            您还没有浏览足迹~
-          </Empty>
-        </space>
-      </uv-swipe-action>
+            <template v-if="dataList.length>0">
+              <uv-checkbox-group
+                  v-model="selectValues"
+                  shape="circle"
+                  activeColor="#ec6e47"
+              >
+                <view
+                    class="select-row"
+                    v-for="(item) in dataList"
+                    :key="item.id"
+                >
+                  <uv-checkbox
+                      v-if="showManage"
+                      :customStyle="{marginBottom: '8px'}"
+                      :name="item.id"
+                  />
+                  <card
+                      style="width: 100%"
+                      @click="handleRightSingleSelect(item)"
+                  >
+                    <uv-swipe-action-item
+                        :disabled="showManage"
+                        :options="options"
+                        @click="handleOpenDelete(true, item)"
+                    >
+                      <goods
+                          list
+                          :data="item"
+                          :storeName="item.storeName"
+                          :price="item.price"
+                          :stock="item.stock"
+                          interval="true"
+                          desc="3"
+                          showAction="true"
+                          surplus="200"
+                          priceMode="primary"
+                          @click=" push({url: '/pages/goodsDetail/goodsDetail'}, {data: {id: item.productId}})"
+                      >
+                      </goods>
+                    </uv-swipe-action-item>
+                  </card>
+                </view>
+              </uv-checkbox-group>
+            </template>
+            <Empty
+                :iconSrc="emptyCollectIcon"
+                v-else
+            >
+              您还没有浏览足迹~
+            </Empty>
+          </space>
+        </uv-swipe-action>
+      </view>
       <view class="option-height"></view>
       <!-- bar -->
       <view
@@ -111,6 +109,8 @@
         @cancel="toCancelDelete"
     ></Modal>
   </layout>
+  <ReturnTop :scroll-top="scrollTop" />
+
 </template>
 
 <script setup>
@@ -121,10 +121,14 @@ import Modal from '@/components/Modal/index.vue'
 
 import { usePage } from '@/hooks'
 import Empty from "@/components/Empty/index.vue";
-import emptyIcon from '@/static/icon/empty/收藏.png'
+import {emptyCollectIcon} from "@/utils/images";
 import { useRouter } from "@/hooks/useRouter";
 import { useInterface } from "@/hooks/useInterface";
+import { useScroll } from "@/hooks/useScroll";
+import ReturnTop from "@/components/ReturnTop/index.vue";
+import Header from "@/components/Header/index.vue";
 
+const {scrollTop} = useScroll()
 const {goBack, push} = useRouter()
 const {type, refresh, dataList} = usePage(footprintPage)
 
@@ -134,7 +138,7 @@ const {toast} = useInterface();
 const options = ref([{
   text: '删除',
   style: {
-    backgroundColor: '#f56c6c'
+    backgroundColor: '#ee6d46'
   }
 }])
 
@@ -320,4 +324,18 @@ onLoad(async (option) => {
     }
   }
 }
+.footprint :deep(.uv-swipe-action-item__right__button__wrapper) {
+  position: relative;
+  &:before {
+    position: absolute;
+    content: '';
+    background: url("https://b2c-pro-static-dev.zkthink.com/static/images/delete_icon.png") no-repeat center center;
+    width: 50rpx;
+    height: 50rpx;
+    background-size: contain;
+  }
+}
+.footprint :deep(.uv-swipe-action-item__right__button__wrapper__text) {
+  visibility: hidden;
+}
 </style>