fix: 商品详情样式更改

src/locale/bn.json

@@ -349,7 +349,6 @@
   "bestSellers.successfullyGrouped": "গত ৭ দিনে {0} এর বেশি সফলভাবে গ্রুপ করা হয়েছে",
   "productDetail.price": "দাম",
   "productDetail.sold": "{0} বিক্রি হয়েছে",
-  "productDetail.selected": "নির্বাচিত",
   "productDetail.groupRules": "গ্রুপ নিয়ম",
   "productDetail.viewRules": "নিয়ম দেখুন",
   "productDetail.ongoingGroup": "চলমান গ্রুপ",

src/locale/en.json

@@ -350,7 +350,6 @@
   "bestSellers.successfullyGrouped": "Successfully grouped over {0} L7D",
   "productDetail.price": "Price",
   "productDetail.sold": "{0} sold",
-  "productDetail.selected": "Selected",
   "productDetail.groupRules": "Group Rules",
   "productDetail.viewRules": "View Rules",
   "productDetail.ongoingGroup": "Ongoing Group",

src/locale/zh-Hans.json

@@ -349,7 +349,6 @@
   "bestSellers.successfullyGrouped": "近7日成功拼团超过 {0}",
   "productDetail.price": "价格",
   "productDetail.sold": "已售 {0}",
-  "productDetail.selected": "已选择",
   "productDetail.groupRules": "拼团规则",
   "productDetail.viewRules": "查看规则",
   "productDetail.ongoingGroup": "进行中的拼团",

src/pages/productDetail/productDetail.vue

@@ -137,7 +137,7 @@ const selectedSpecsText = computed(() => {
     detail.value.attr.forEach((attr) => {
       const selectedValue = formData.value.selectedSpecs[attr.attrName]
       if (selectedValue) {
-        specTexts.push(`${attr.attrName}:${selectedValue}`)
+        specTexts.push(`${attr.attrName}: ${selectedValue}`)
       }
     })
   }
@@ -401,10 +401,7 @@ onShow(async () => {
         </view>
         <view class="flex items-center justify-between" @click="openSku('open')">
           <view>
-            <text class="mr-20rpx">
-              {{ $t('productDetail.selected') }}
-            </text>
-            <text class="text-#757575">
+            <text class="text-28rpx text-#757575">
               {{ selectedSpecsText }}
             </text>
           </view>
@@ -421,7 +418,7 @@ onShow(async () => {
             {{ $t('productDetail.groupRules') }}
           </text>
         </view>
-        <view class="flex items-center">
+        <view class="flex items-center" @click="toPage('/pages/webLink/webLink', { title: $t('productDetail.viewRules'), link: 'http://' })">
           <text class="mr-8rpx text-24rpx text-#3A444C">
             {{ $t('productDetail.viewRules') }}
           </text>
@@ -491,8 +488,8 @@ onShow(async () => {
       </view>
     </view>
     <template #bottom>
-      <view class="flex gap-32rpx bg-white/60 px-28rpx py-30rpx backdrop-blur-20">
-        <view class="flex items-center justify-between gap-20rpx">
+      <view class="flex bg-white/60 px-28rpx py-30rpx backdrop-blur-20">
+        <view class="mr-30rpx flex flex-1 items-center justify-around gap-20rpx">
           <view class="flex flex-col items-center justify-center">
             <image
               src="/static/icons/go-home.png"
@@ -519,7 +516,7 @@ onShow(async () => {
             </text>
           </view>
         </view>
-        <view class="flex flex-1 items-center justify-end text-32rpx">
+        <view class="flex items-center justify-end text-32rpx">
           <view class="relative">
             <view class="rounded-l-full bg-#2F2D31 px-34rpx py-18rpx text-white" @click="openSku('open')">
               {{ $t('productDetail.openGroup') }}
@@ -554,11 +551,11 @@ onShow(async () => {
                 ৳
               </text>
               <text class="text-48rpx">
-                {{ matchedAttrValue.price || 0 }}
+                {{ formatNumber(matchedAttrValue.price || 0) }}
               </text>
             </view>
             <view class="ml-20rpx text-28rpx text-#787878 line-through">
-              ৳{{ matchedAttrValue.otPrice || 0 }}
+              ৳{{ formatNumber(matchedAttrValue.otPrice || 0) }}
             </view>
           </view>
         </view>
@@ -582,7 +579,7 @@ onShow(async () => {
                     mode="aspectFit"
                   />
                 </view>
-                <view class="text-22rpx text-#757575">
+                <view class="py-12rpx text-22rpx text-#757575">
                   {{ e.name }}
                 </view>
               </view>