feat: 下单页增加信任文案

env/.env.development

@@ -7,10 +7,10 @@ VITE_SHOW_SOURCEMAP = true
 
 VITE_UNI_APPID = '__UNI__FDE416C'
 
-VITE_SERVER_BASEURL = 'http://124.222.152.234:8101' # mall
-VITE_API_SECONDARY_URL = 'http://124.222.152.234:8101' # cif
-VITE_API_THIRD_URL = 'http://124.222.152.234:8101' # operating
-VITE_UPLOAD_BASEURL = 'http://124.222.152.234:8101/operating/file/upload'
+VITE_SERVER_BASEURL = 'http://192.168.0.106:8110' # mall
+VITE_API_SECONDARY_URL = 'http://192.168.0.106:8110' # cif
+VITE_API_THIRD_URL = 'http://192.168.0.106:8110' # operating
+VITE_UPLOAD_BASEURL = 'http://192.168.0.106:8110/operating/file/upload'
 
 # 极光key
 VITE_MTPUSH_APPKEY_ANDROID = 'c95a2cb077c243ebbfa896f5'

src/locale/bn.json

@@ -382,6 +382,8 @@
   "checkout.selectPaymentMethod": "পেমেন্ট পদ্ধতি নির্বাচন করুন",
   "checkout.walletBalance": "ব্যালেন্স",
   "checkout.placeOrder": "অর্ডার করুন",
+  "checkout.trust.rewards": "সবার জন্য নিশ্চিত রিওয়ার্ড!",
+  "checkout.trust.refund": "না জিতলে সম্পূর্ণ রিফান্ড!",
   "checkout.dialog.insufficientBalance": "আপনার ওয়ালেট ব্যালেন্স অপর্যাপ্ত।\nঅনুগ্রহ করে রিচার্জ করুন!",
   "checkout.dialog.rechargeDiscount": "রিচার্জ সর্বোচ্চ ছাড় ৫%",
   "checkout.dialog.rechargeNow": "এখনই রিচার্জ করুন",

src/locale/en.json

@@ -382,6 +382,8 @@
   "checkout.selectPaymentMethod": "Select Payment Method",
   "checkout.walletBalance": "Balance",
   "checkout.placeOrder": "Place Order",
+  "checkout.trust.rewards": "Guaranteed rewards for ALL!",
+  "checkout.trust.refund": "Full refund if not won!",
   "checkout.dialog.insufficientBalance": "Your wallet balance is insufficient.\nPlease recharge!",
   "checkout.dialog.rechargeDiscount": "Recharge Highest Discount 5%",
   "checkout.dialog.rechargeNow": "Recharge Now",

src/locale/zh-Hans.json

@@ -382,6 +382,8 @@
   "checkout.selectPaymentMethod": "选择支付方式",
   "checkout.walletBalance": "余额",
   "checkout.placeOrder": "下单",
+  "checkout.trust.rewards": "人人有奖，保证获得奖励！",
+  "checkout.trust.refund": "未中奖全额退款！",
   "checkout.dialog.insufficientBalance": "您的钱包余额不足。\n请充值！",
   "checkout.dialog.rechargeDiscount": "充值最高优惠5%",
   "checkout.dialog.rechargeNow": "立即充值",

src/pages/productDetail/checkOut.vue

@@ -25,6 +25,21 @@ onLoad((options) => {
   getPrice()
 })
 
+const trustBanners = ref([
+  {
+    key: 'rewards',
+    icon: '/static/icons/rewards.png',
+    textKey: 'checkout.trust.rewards',
+    variant: 'red',
+  },
+  {
+    key: 'refund',
+    icon: '/static/icons/refund.png',
+    textKey: 'checkout.trust.refund',
+    variant: 'green',
+  },
+])
+
 // 商品详情
 const orderDetail = ref<any>({})
 
@@ -79,6 +94,26 @@ async function handlePlaceOrder() {
 <template>
   <z-paging>
     <view class="pt-20rpx">
+      <view class="trust-banner">
+        <swiper
+          class="trust-banner__swiper"
+          :vertical="true"
+          :autoplay="true"
+          :interval="2500"
+          :duration="350"
+          :circular="true"
+          :disable-touch="true"
+        >
+          <swiper-item v-for="item in trustBanners" :key="item.key">
+            <view class="trust-banner__item" :class="`trust-banner__item--${item.variant}`">
+              <image :src="item.icon" class="trust-banner__icon" mode="heightFix" />
+              <text class="trust-banner__text">
+                {{ $t(item.textKey) }}
+              </text>
+            </view>
+          </swiper-item>
+        </swiper>
+      </view>
       <view class="mb-20rpx flex items-center gap-24rpx bg-white p-24rpx">
         <image
           :src="orderDetail.image"
@@ -164,4 +199,42 @@ async function handlePlaceOrder() {
 .space-y-24rpx > * + * {
   margin-top: 24rpx;
 }
+
+.trust-banner {
+  margin: 0 0 20rpx;
+}
+
+.trust-banner__swiper {
+  height: 72rpx;
+}
+
+.trust-banner__item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 72rpx;
+  padding: 0 20rpx;
+  font-size: 28rpx;
+  font-weight: 600;
+  overflow: hidden;
+}
+
+.trust-banner__item--red {
+  background: #ffeae8;
+  color: var(--wot-color-theme);
+}
+
+.trust-banner__item--green {
+  background: #ebfbee;
+  color: #25a755;
+}
+
+.trust-banner__icon {
+  height: 32rpx;
+  margin-right: 8rpx;
+}
+
+.trust-banner__text {
+  line-height: 1;
+}
 </style>