优惠券页面

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-confirm/index.vue

@@ -226,6 +226,11 @@ function handleAddressSelect() {
     url: '/pages/user/address/index?from=order'
   })
 }
+function gotoCoupon() {
+  uni.navigateTo({
+    url: '/pages/to-coupon/to-coupon'
+  })
+}
 function handleNumberChange(num, goodItem) {
   console.log(goodItem)
   uni.showLoading()
@@ -357,6 +362,7 @@ function reTotal() {
                 title="优惠劵"
                 :value="item.order.coupon_price ? item.order.coupon_price : '暂无优惠券'"
                 arrow
+                @click="gotoCoupon"
             ></FCell>
             <FCell
                 v-if="item.mer_id == '148'"

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,6 @@ onPageScroll((page) => {
 <template>
   <!-- 商品上架状态 -->
   <div class="flex flex-col gap-3 pb-20" v-if="detail">
-    <CXBBackTop :Scroll_X="Scroll_X" />
     <div class="bg-white ">
       <div class="w-screen h-94">
         <swiper v-if="detail && detail.slider_image" :indicator-dots="state.indicatorDots"
@@ -702,6 +701,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">

src/pages/to-coupon/to-coupon.vue

@@ -0,0 +1,24 @@
+<template>
+	<view>
+112123132132132132
+	</view>
+</template>
+
+<script lang="ts">
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style>
+
+</style>
+<route lang="yaml">
+style:
+  navigationBarTitleText: 优惠券
+  enablePullDownRefresh: false
+</route>