bug修复

src/components/CXBBackTop/CXBBackTop.vue

@@ -1,5 +1,8 @@
 <template>
-<div v-show="flag" class="backtop">
+<div v-show="flag" class="backtop1" v-if="isShow" >
+  <img @click="scrollToTop" class="backTopImg" src="../../static/icon/返回顶部@2x.png" alt="">
+</div>
+<div v-show="flag" class="backtop2" v-else >
   <img @click="scrollToTop" class="backTopImg" src="../../static/icon/返回顶部@2x.png" alt="">
 </div>
 </template>
@@ -8,9 +11,11 @@
 import { ref, reactive ,defineProps} from 'vue'
 
 let flag = ref(false)
+let isShow = ref(true)
 
 const props = defineProps({
-  Scroll_X: Number
+  Scroll_X: Number,
+  isCss:Number
 })
 
 watch(()=>props.Scroll_X,()=>{
@@ -21,6 +26,16 @@ watch(()=>props.Scroll_X,()=>{
     flag.value = false
   }
 })
+watch(()=>props.isCss,()=>{
+  if(props.isCss as number ===1){
+    isShow.value = true
+  }
+  if(props.isCss as number ===2){
+    isShow.value = false
+  }
+},
+{immediate:true}
+)
 
 const scrollToTop = function () {
   console.log('返回顶部');
@@ -33,7 +48,7 @@ const scrollToTop = function () {
 </script>
 
 <style scoped>
-.backtop{
+.backtop1{
   width: 40px;
   height: 40px;
   position: fixed;
@@ -42,6 +57,15 @@ const scrollToTop = function () {
   right: 15px;
   bottom: 8%;
 }
+.backtop2{
+  width: 40px;
+  height: 40px;
+  position: fixed;
+  border-radius: 50%;
+  z-index: 999;
+  right: 15px;
+  bottom: 14%;
+}
 .backTopImg{
   width: 40px;
   height: 40px;

src/pages/home/index.vue

@@ -18,7 +18,7 @@ import {getShareId} from "~/apis/product";
 // import CXBDialogSIgnInSucceed from "~/components/CXBDialogSignInSucceed/CXBDialogSIgnInSucceed.vue";
 import Cache from "~/utils/cache";
 
-import CXBBackTopVue from "~/components/CXBBackTop/CXBBackTop.vue";
+import CXBBackTop from "~/components/CXBBackTop/CXBBackTop.vue";
 const userStore = useUserStore()
 const usePageStore = usePageStoreWidthOut()
 usePageStore.setPageConfig({
@@ -249,7 +249,7 @@ function getIsShow(){
 </script>
 <template>
   <div class="h-screen ">
-    <CXBBackTopVue :Scroll_X="Scroll_X"/>
+    <CXBBackTop :Scroll_X="Scroll_X" :isCss="1" />
     <Header :yanglaojin="state.all_yanglao"
             :exClass="headerClass"
     />

src/pages/order_addcart/index.vue

@@ -566,7 +566,7 @@ function openTestLog(element) {
 </script>
 <template>
   <div class="">
-     <CXBBackTop :Scroll_X="Scroll_X" />
+     <CXBBackTop :Scroll_X="Scroll_X"  :isCss="1" />
     <div v-if="hasShopping" class="bg-white h-10 fixed top-0 w-full z-1 flex justify-end ">
       <div class="pr-3">
         <FButton size="small" @click="handleManageCart">
@@ -628,8 +628,7 @@ function openTestLog(element) {
       </div>
     </div>
 
-    <!-- <CXBBackTop :Scroll_X="Scroll_X" /> -->
-    <div class="pb-12">
+    <div class="pb-12" v-if="!hasShopping" >
       <div class="flex flex-row justify-center items-center gap-3 font-bold text-sm p-3 ">
         <image :src="like_adorn_220628Image" mode="widthFix" class="w-6 h-6"></image>
         <div>

src/pages/store/product/detail.vue

@@ -498,7 +498,7 @@ onPageScroll((page) => {
 <template>
   <!-- 商品上架状态 -->
   <div class="flex flex-col gap-3 pb-20" v-if="detail">
-    <CXBBackTop :Scroll_X="Scroll_X" />
+    <CXBBackTop :Scroll_X="Scroll_X" :isCss="2"  v-if="detail" />
     <div class="bg-white ">
       <div class="w-screen h-94">
         <swiper v-if="detail && detail.slider_image" :indicator-dots="state.indicatorDots"
@@ -702,6 +702,7 @@ onPageScroll((page) => {
 
   </div>
   <!-- 商品下架 -->
+  <CXBBackTop :Scroll_X="Scroll_X" :isCss="2"  v-if="isShow" />
   <div class="relative w-screen " v-if="isShow">
     <div class="box-out">
       <div class="flex-box pb-3 px-3 ">

src/pages/store/product/other.vue

@@ -509,7 +509,7 @@ onPageScroll((page) => {
           <image :key="index" :src="item" mode="aspectFill" class="h-full w-full" />
         </swiper-item>
       </swiper>
-      <CXBBackTop :Scroll_X="Scroll_X" />
+      <CXBBackTop :Scroll_X="Scroll_X" :isCss="2" />
       <div>
         <div class="relative p-3 bg-white">
           <div class="flex gap-2 items-end">
@@ -562,7 +562,7 @@ onPageScroll((page) => {
       </div>
     </div>
     <div class="relative w-screen " v-if="isShow">
-      <CXBBackTop :Scroll_X="Scroll_X" />
+      <CXBBackTop :Scroll_X="Scroll_X" :isCss="1" />
       <div class="box-out">
         <div class="flex-box pb-3 px-3 ">
           <div class="img-div">