Browse Source

feat: 替换购物车和商品详情页面中的 TiltedButton 组件为 ButtonEvo 组件,优化按钮样式

EvilDragon 3 months ago
parent
commit
3e96d40ef4

+ 1 - 3
packages/app/src/pages/home/mall/detail/index.vue

@@ -135,9 +135,7 @@ onLoad(async (query: { id: string }) => {
       <wd-img width="100%" mode="widthFix" :src="data?.productDetailsImgUrl"></wd-img>
     </div>
     <BottomAppBar fixed placeholder>
-      <div
-        class="h-[63px] bg-white backdrop-blur-[20px] flex px-3.5 items-center justify-between gap-2"
-      >
+      <div class="h-[63px] bg-white backdrop-blur-[20px] flex items-center justify-between gap-2">
         <div class="flex-1">
           <ButtonEvo
             block

+ 3 - 3
packages/app/src/pages/home/mall/index.vue

@@ -8,7 +8,6 @@
 </route>
 
 <script setup lang="ts">
-import TiltedButton from '@/components/tilted-button.vue'
 import Product from './components/product.vue'
 import { shoppingBag } from '@designer-hub/assets/src/assets/svgs/index'
 import { useRouter } from '../../../core/utils/router'
@@ -31,6 +30,7 @@ import grabNow from '@designer-hub/assets/src/libs/assets/grabNow'
 import ProgressEvo from '@/components/progress-evo.vue'
 import SwiperEvo from '@/components/swiper-evo.vue'
 import dayjs from 'dayjs'
+import ButtonEvo from '@/components/button-evo.vue'
 
 const router = useRouter()
 const userStore = useUserStore()
@@ -221,7 +221,7 @@ onMounted(async () => {
         <!-- </wd-button> -->
         <!-- </div> -->
         <div @click="router.push('/pages/home/mall/shopping-cart/index')">
-          <TiltedButton custom-class="text-center! items-center" size="large">
+          <ButtonEvo>
             <span
               class="h-[22px] text-white text-base font-normal font-['PingFang_SC'] leading-tight"
             >
@@ -230,7 +230,7 @@ onMounted(async () => {
             <span class="h-[22px] text-white text-sm font-normal font-['PingFang_SC']">
               <template v-if="carts.total">(已选{{ carts.total }}件)</template>
             </span>
-          </TiltedButton>
+          </ButtonEvo>
         </div>
       </div>
     </BottomAppBar>

+ 6 - 9
packages/app/src/pages/home/mall/shopping-cart/index.vue

@@ -26,6 +26,7 @@ import { useRouter } from '../../../../core/utils/router'
 import { storeToRefs } from 'pinia'
 import { requestToast } from '../../../../core/utils/common'
 import type { ComponentExposed } from 'vue-component-type-helpers'
+import ButtonEvo from '@/components/button-evo.vue'
 
 const pageHelperRef = ref<ComponentExposed<typeof PageHelper>>()
 const userStore = useUserStore()
@@ -201,7 +202,7 @@ const handlePlaceOrder = async () => {
       </template>
     </PageHelper>
     <BottomAppBar fixed border>
-      <div class="h-[63px] bg-white backdrop-blur-[20px] flex px-3.5 items-center justify-between">
+      <div class="h-[63px] bg-white backdrop-blur-[20px] flex items-center justify-between">
         <div class="flex items-end gap-1.25">
           <div class="text-[#ef4343] text-2xl font-normal font-['D-DIN_Exp'] leading-6">
             {{ points }}
@@ -209,17 +210,13 @@ const handlePlaceOrder = async () => {
           <div class="text-black text-base font-normal font-['PingFang_SC'] leading-5">积分</div>
         </div>
         <div class="" @click="handlePlaceOrder">
-          <TiltedButton size="large">
+          <ButtonEvo>
             <div
-              class="w-[49px] h-[22px] text-white text-base font-normal font-['PingFang_SC'] leading-tight"
+              class="w-[65px] h-[22px] text-white text-base font-normal font-['PingFang_SC'] leading-tight"
             >
-              <div
-                class="w-[65px] h-[22px] text-white text-base font-normal font-['PingFang_SC'] leading-tight"
-              >
-                去结算
-              </div>
+              去结算
             </div>
-          </TiltedButton>
+          </ButtonEvo>
         </div>
       </div>
     </BottomAppBar>