卡券详情

src/pages/coupon/order.vue

@@ -11,7 +11,12 @@
       <wd-cell class="product-cell" title="订单号：" :value="productData.order_no"></wd-cell>
       <wd-cell class="product-cell" title="创建时间：" :value="productData.order_time"></wd-cell>
       <wd-cell class="product-cell" title="面值：" :value="productData.order_amount"></wd-cell>
-      <wd-cell class="product-cell" title="图片：" value="" center>
+      <wd-cell
+        class="product-cell"
+        title="商品名称："
+        :value="productData.details[0].product_name"
+      ></wd-cell>
+      <wd-cell class="product-cell" title="商品图片：" value="" center>
         <wd-img width="50" height="50" fit="fill" :src="productData.details[0].show_pic" />
       </wd-cell>
       <wd-img
@@ -25,8 +30,8 @@
         <wd-img
           class="exchange"
           @click="exchange"
-          width="121px"
-          height="56px"
+          width="80px"
+          height="45px"
           :src="imgQudui"
         ></wd-img>
       </view>

src/pages/coupon/product.vue

@@ -1,32 +1,35 @@
 <route lang="json5" type="page">
 {
   style: {
-    navigationBarTitleText: '产品页',
+    navigationBarTitleText: '商品页',
   },
 }
 </route>
 <template>
   <view class="product">
     <view class="product-content">
-      <wd-cell class="product-cell" title="产品名：" :value="productData.product_name"></wd-cell>
+      <wd-cell class="product-cell" title="商品名：" :value="productData.show_name"></wd-cell>
       <wd-cell class="product-cell" title="创建时间：" :value="productData.create_time"></wd-cell>
-      <wd-cell class="product-cell" title="面值：" :value="productData.amount"></wd-cell>
-      <wd-cell class="product-cell" title="图片：" value="" center>
+      <wd-cell class="product-cell" title="面值：" :value="productData.show_price"></wd-cell>
+      <wd-cell class="product-cell" title="主图：" value="" center>
         <wd-img width="50" height="50" fit="fill" :src="productData.show_pic" />
       </wd-cell>
-      <wd-img
-        v-for="(item, index) in productData.images"
-        :key="index"
-        width="100"
-        height="100"
-        :src="item.imgurl"
-      />
+      <wd-cell class="product-cell" title="详情图：" value="" center></wd-cell>
+      <wd-cell class="product-cell" title="" value="" vertical>
+        <wd-img
+          v-for="(item, index) in productData.images"
+          :key="index"
+          width="100"
+          height="100"
+          :src="item.imgurl"
+        />
+      </wd-cell>
       <view class="product-btn">
         <wd-img
           class="exchange"
           @click="exchange"
-          width="121px"
-          height="56px"
+          width="80px"
+          height="45px"
           :src="imgQudui"
         ></wd-img>
       </view>
@@ -34,7 +37,7 @@
   </view>
 </template>
 <script lang="ts" setup>
-import imgQudui from '@/static/images/coupon/qudui.png'
+import imgQudui from '@/static/images/coupon/okbtn.png'
 import Api from '@/service/coupon/index'
 import { currRoute } from '@/utils/index'
 const route = reactive<any>({})
@@ -108,10 +111,10 @@ onLoad((options) => {
 }
 .product-cell {
   background-color: transparent;
-  margin-top: 5px;
+  margin-top: 0px;
 }
 .exchange {
-  margin-top: 20px;
+  margin-top: 2px;
   width: 121rpx;
   height: 56rpx;
 }