fix: modify pay style

pages/buy/buy.js

@@ -39,16 +39,28 @@ Page({
     goodsList({}).then(res => {
       wx.hideLoading()
       var response = res.data
-      response.map((item, index) => {
-        if (item.isRecommend) {
-          this.setData({
-            activeIndex: index,
-            goodsId: item.goodsId,
-            orderAmount: item.salePrice,
-            num: item.donateNumber + item.useNumber
-          })
-        }
+      var recommendIndx = 0
+      var recommendItem = response.find((item, index) => {
+        recommendIndx = index
+        return item.isRecommend == true
       })
+      console.log(recommendItem,recommendIndx,'recommendItem');
+      if (recommendItem) {
+        this.setData({
+          activeIndex: recommendIndx,
+          goodsId: recommendItem.goodsId,
+          orderAmount: recommendItem.salePrice,
+          num: recommendItem.donateNumber + recommendItem.useNumber
+        })
+      } else {
+        var choseItem = response[0]
+        this.setData({
+          activeIndex: 0,
+          goodsId: choseItem.goodsId,
+          orderAmount: choseItem.salePrice,
+          num: choseItem.donateNumber + choseItem.useNumber
+        })
+      }
       this.setData({
         goodsList: response
       })

pages/buy/buy.wxml

@@ -32,15 +32,23 @@
             <text class="sub-title">{{item.goodsName}}</text>
           </view>
           <view class="p-prise">
+            <text class="saleprice">活动价</text>
             <text class="p-tag">¥</text>
             <text class="p-num">{{item.salePrice}}</text>
           </view>
-          <view class="tips">
+          <view class="onceprice">
+            <view class="line"></view>
+            <text class="oncepricetext">市场价¥{{item.oncePrice}}</text>
+          </view>
+          <!-- <view class="tips">
             <text wx:if="{{item.donateNumber > 0}}">加赠{{item.donateNumber}}次，</text>
             <text>共{{item.donateNumber + item.useNumber}}次</text>
-          </view>
-          <view class="mark ittflex" wx:if="{{index == activeIndex}}">
+          </view> -->
+          <!-- <view class="mark ittflex" wx:if="{{index == activeIndex}}">
             <van-icon name="success" color="#fff" />
+          </view> -->
+          <view class="discount ittflex">
+            {{item.discount}}折
           </view>
         </view>
       </block>

pages/buy/buy.wxss

@@ -113,6 +113,35 @@
   margin-top: 40rpx;
   text-align: center;
 }
+.saleprice {
+  font-size: 20rpx;
+  font-weight: 400;
+  color: #333333;
+  margin-right: 5rpx;
+}
+.onceprice {
+  width: 100%;
+  height: 40rpx;
+  font-size: 20rpx;
+  font-weight: 400;
+  color: #999999;
+  position: relative;
+}
+.oncepricetext {
+  display: inline-block;
+  width: 150rpx;
+  height: 40rpx;
+  line-height: 40rpx;
+  margin-left: 70rpx;
+}
+.line {
+  position: absolute;
+  width: 150rpx;
+  height: 1rpx;
+  background-color: #999;
+  top: 20rpx;
+  left: 60rpx;
+}
 .p-tag {
   font-size: 26rpx;
   font-weight: bold;
@@ -139,6 +168,17 @@
   top: 0;
   right: 0;
 }
+.discount {
+  width: 50rpx;
+  height: 30rpx;
+  background: #45A6B5;
+  border-radius: 10rpx 0px 2rpx 0px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  font-size: 16rpx;
+  color: #FFFFFF;
+}
 .wxpay {
   width: 690rpx;
   height: 104rpx;