1

xuxueyang

2024-09-11 67ad25211fbf50bf1b9b2db7863bbdc6e5d23c4a

 sub_pages/customer/coupon/good-self.vue

@@ -5,10 +5,11 @@

         </top-tabs>
      </view>
      <view class="">
         <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data>

         <view v-for="(item,index) of list" :key="index" class="coupont-item" :class="[query.status]">
      <view class="p10">

         <view v-for="(item,index) of list" :key="index" class="good-item" :class="[query.status]">
            <view class="flex container img100">
               <view class="info-price">
                  <image :lazy-load="true" :src="item.cover" class="cover" mode="scaleToFill"></image>
@@ -22,7 +23,7 @@
                  <view class="time word-e">
                     {{item.description||''}}
                  </view>
                  <view class="button" @click="getPointGood(item)" v-if="source!=='shopping'">
                  <view class="button m-l-a m-r-10" @click="getPointGood(item)" v-if="source!=='shopping'">
                     查看详情
                  </view>
            <!--       <view class="button" @click="updateSelectGood(item)" v-if="source=='shopping'">
@@ -35,7 +36,7 @@
            </view> -->
         </view>
      </view>
      <view style="min-height: 130rpx;" v-if="source=='shopping'"></view>
      <view style="min-height: 140rpx;" v-if="source=='shopping'"></view>
      <view class="bottom-button" @click="backpage()" v-if="source=='shopping'">返回订单结算</view>

      <!-- <view class="bottom-button" @click="toGoodAll">前往兑换</view> -->
@@ -106,7 +107,7 @@
      methods: {
         isIngood(item) {
            for (var tmp of this.cache_goods) {
               if (tmp.goodsId == item.goodsId) {
               if (tmp.id == item.id) {
                  return true
               }
            }
@@ -116,7 +117,7 @@
         async updateSelectGood(item) {
            var has = false
            for (var tmp of this.cache_goods) {
               if (tmp.goodsId == item.goodsId) {
               if (tmp.id == item.id) {
                  has = true
                  break
               }
@@ -127,7 +128,7 @@
               //移除
               var arr = []
               for (var tmp of this.cache_goods) {
                  if (tmp.goodsId == item.goodsId) {} else {
                  if (tmp.id == item.id) {} else {
                     arr.push(tmp)
                  }
               }
@@ -176,10 +177,12 @@
   @import './coupon.scss';

   .coupon-container {
      .coupont-item {
      .good-item {
         height: unset;
         padding: 20rpx;
         margin-top: 0rpx;
         .container {
            background-image: unset;

            background-color: #fff;
            .info-price {
               .cover {
                  width: 150rpx;
@@ -188,9 +191,33 @@
            }

            .info {
               .time {
                  margin-top: 0rpx;
               margin-left: 20rpx;
               position: relative;
               .title {
                  font-weight: 600;
                  font-size: 36rpx;
                  color: #333333;
                  line-height: 60rpx;
                  text-align: left;
                  position: relative;
                  .select-coupon{
                     position: absolute;
                     right: 10rpx;
                     top: -6rpx;
               }
               }
					
               .time {
                  font-weight: 400;
                  font-size: 28rpx;
                  color: #666666;
                  line-height: 40rpx;
                  text-align: left;
                  margin-top: 10rpx;
                  word-break: break-all;
               }
					
 

               .button {
                  width: 150rpx;
@@ -203,7 +230,10 @@
                  color: rgba(68, 119, 90, 1);
                  line-height: 46rpx;
                  text-align: center;
                  margin-top: 10rpx;
                  // margin-top: 10rpx;
                  position: absolute;
                  right: 10rpx;
                  bottom: 20rpx;
               }
            }
         }
@@ -225,6 +255,7 @@
         color: #20613D;
         text-align: center;
         line-height: 90rpx;
         background-color: #fff;
      }
   }
</style>