111

src/pages/miaosha/index.vue

@@ -8,7 +8,7 @@ import FButton from "~/components/FButton/FButton.vue";
 import CXBEmpty from "~/components/CXBEmpty/CXBEmpty.vue";
 import { CDM_URL, CDN_URL } from "~/config/app";
 import { filter, orderBy } from "lodash-es";
-const currentSeckillDate = ref()
+
 const status1Icon = CDN_URL + '/static/assets/mashangqiang.png'
 const status2Icon = CDN_URL + '/static/assets/jijiangkaiqiang.png'
 const status3Icon = CDN_URL + '/static/assets/miaosha_yijieshu_220908.png'
@@ -16,7 +16,7 @@ const userStore = useUserStore()
 // const list = ref<Array<DcSeckillModel>>()
 const currentProductList = ref([])
 const currentstatus = ref(0)
-
+const currentSeckillDate = ref(null)
 //https://cdn.bjtdba.com/vod/image/2023-12-22/20231222162545839.png 
 //https://cdn.bjtdba.com/vod/image/2023-12-22/20231222162527655.png 
 //https://cdn.bjtdba.com/vod/image/2023-12-22/20231222162507598.png 
@@ -190,6 +190,19 @@ function handleItemClick(seckillItem) {
   })
 }
 
+// 下拉刷新
+onPullDownRefresh(() => {
+  // uni.reLaunch({
+  //     url: '/pages/miaosha/index',
+  //   })
+  state.list = []
+  currentProductList.value = []
+  currentstatus.value = 0
+  currentSeckillDate.value = null
+  loadList('reload')
+  uni.stopPullDownRefresh();
+
+})
 
 function onClickLeft() {
   const pages = getCurrentPages()
@@ -251,12 +264,11 @@ function onClickLeft() {
   </CXBBasePage> -->
   <FNavBar title="" :left-arrow="true" fixed placeholder z-index="999" ex-class="bg-transparent w-screen"
     @click-left="onClickLeft" />
-  <div v-if="state.list && state.list.length > 0">
+  <div v-if="state.list && state.list.length > 0" style="position: relative;">
     <div style="width: 750rpx; height: 490rpx;position: relative; ">
       <image style="width: 100%;height: 100%;" :src="ms_backimg"></image>
       <image class="ms_titleimg" :src="ms_titleimg"></image>
     </div>
-
     <div class="pb-safe list_d ">
       <!-- <scroll-view class=" whitespace-nowrap  w-screen  text-sm py-3" :scroll-with-animation="true" :scroll-x="true"
         :show-scrollbar="false">
@@ -270,7 +282,7 @@ function onClickLeft() {
       </scroll-view> -->
       <scroll-view class=" whitespace-nowrap  w-screen  text-sm py-3" :scroll-with-animation="true" :scroll-x="true"
         :show-scrollbar="false">
-        <div class="flex  items-center ">
+        <div class="flex  items-center justify-center ">
           <div @tap="handleSeckillDateClick(item)" v-for="(item, index) in state.list" :key="index"
             class="basis-1/3   relative px-3 text-[#FFFFFF]" style="text-align: center;">
             <div>{{ item.seckill_date?.slice(0, 5) }}</div>
@@ -292,7 +304,7 @@ function onClickLeft() {
           </div>
           <div class="flex items-center justify-center">
             <image style="width: 36rpx;height: 36rpx;margin-right:12rpx " :src="ms_textimg"></image>
-            <span  style="height: 36rpx;line-height: 36rpx; color: #999999;">抓紧时间抢购哦~</span>
+            <span style="height: 36rpx;line-height: 36rpx; color: #999999;">抓紧时间抢购哦~</span>
           </div>
         </div>
         <div v-if="currentstatus == 2" class="ms_title_gg mx-3 flex flex-1 justify-between">
@@ -347,6 +359,7 @@ function onClickLeft() {
 style:
   navigationBarTitleText: 限时秒杀
   navigationStyle: custom
+  enablePullDownRefresh: true
 </route>
 <style>
 page {

src/pages/store/home/search.vue

@@ -242,8 +242,8 @@ function loadList(action: 'page' | 'reload', callback?: (items) => void) {
         </div>
       </template>
     </nut-searchbar>
-    <div class="flex flex-row items-center">
-      <div class="basis-1/4 text-left cx-menu">
+    <div class="flex flex-row items-center" >
+      <div class="basis-1/4 text-center cx-menu">
         <nut-menu class="custom-menu">
           <template #icon>
             <image :src="downDefaultImg" mode="widthFix" class="w-1 h-1"></image>
@@ -279,8 +279,7 @@ function loadList(action: 'page' | 'reload', callback?: (items) => void) {
       </div>
     </div>
   </div>
-
-  <div class="p-3 pb-25 mt-15 flex flex-col gap-3">
+  <div class="p-3 pb-25 mt-21 flex flex-col gap-3">
     <!--    <MerchantHeader -->
     <!-- <MerchantHeader :is-search-home="true"
                     @product-type-change="handleProductTypeChange"
@@ -304,4 +303,13 @@ page {
   --nut-searchbar-background: #fff;
   --nut-searchbar-input-box-shadow: none;
 }
+
+:deep(.nut-menu__bar) {
+  --nut-white: none;
+  background: none;
+  background-color: transparent !important;
+}
+.custom-menu {
+  background: white;
+}
 </style>