From e84c1f69b1060be158017286323f05d64587472a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E5=81=A5?= <itgaojian@163.com>
Date: Thu, 5 Aug 2021 15:15:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=97=E9=93=BA=E4=BC=98=E6=83=A0=E5=88=B8?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/mine/product/coupon/couponlist.js   |  2 +-
 pages/mine/product/coupon/couponlist.wxml |  7 +++---
 pages/mine/product/coupon/couponlist.wxss | 29 ++++++++++++++++-------
 3 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/pages/mine/product/coupon/couponlist.js b/pages/mine/product/coupon/couponlist.js
index f457194..0702480 100644
--- a/pages/mine/product/coupon/couponlist.js
+++ b/pages/mine/product/coupon/couponlist.js
@@ -63,7 +63,7 @@ Page({
         })
     },
     //删除
-    doDel(e) {
+    doDelOne(e) {
         var item = e.currentTarget.dataset.item
         var _self = this
         wx.showModal({
diff --git a/pages/mine/product/coupon/couponlist.wxml b/pages/mine/product/coupon/couponlist.wxml
index 60e340d..0f3b9fe 100644
--- a/pages/mine/product/coupon/couponlist.wxml
+++ b/pages/mine/product/coupon/couponlist.wxml
@@ -1,7 +1,8 @@
 <cu-custom isBack="{{true}}">
     <view slot="content">新增优惠券</view>
 </cu-custom>
-<scroll-view style="margin-bottom:80rpx;margin-top:10rpx" refresher-enabled="true" refresher-threshold="{{50}}"
+<view class="radial-gradient"></view>
+<scroll-view style="margin-bottom:100rpx;margin-top:10rpx" refresher-enabled="true" refresher-threshold="{{50}}"
     refresher-background="#fff" bindrefresherrefresh="dorefresh" refresher-triggered="{{isRefreshing}}">
     <view class="cu-list" wx:if="{{couponList.length>0}}">
         <view class="cu-item" wx:for="{{couponList}}" wx:key="index">
@@ -29,7 +30,7 @@
                         领取次日{{item.expiringDays}}天内有效
                     </view>
                 </view>
-                <view class="right-box bg-yellow-yellow">
+                <view class="right-box">
                     <view>
                         <text class="price-icon">￥</text>
                         <text class="price">{{item.amount}}</text>
@@ -47,7 +48,7 @@
 
             <view class="btn-box">
                 <view class="btn bg-red radius" bindtap="doDelOne" data-item="{{item}}">删除</view>
-                <view class="btn bg-yellow-light-1 radius margin-left-sm" bindtap="doRecoverOne" data-item="{{item}}">编辑
+                <view class="btn bg-yellow-light-1 radius margin-left-sm" bindtap="toEditPage" data-item="{{item}}">编辑
                 </view>
             </view>
         </view>
diff --git a/pages/mine/product/coupon/couponlist.wxss b/pages/mine/product/coupon/couponlist.wxss
index 4e5e91b..b5f7109 100644
--- a/pages/mine/product/coupon/couponlist.wxss
+++ b/pages/mine/product/coupon/couponlist.wxss
@@ -11,23 +11,29 @@ page {
     display: flex;
     align-items: center;
     justify-content: center;
-    border-radius: 15rpx 10rpx 10rpx 15rpx;
+    border-radius: 0rpx 10rpx 10rpx 0rpx;
     flex-direction: column;
     padding: 10rpx;
+    background-image: radial-gradient(circle at left top, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx),
+        radial-gradient(circle at left bottom, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx);
+    background-color: #E6B980;
 }
 
 .left-box {
     width: 100%;
     flex: 7;
-    background: #ffffff;
     position: relative;
-    border-radius: 10rpx 15rpx 15rpx 10rpx;
     min-height: 140rpx;
     display: flex;
     align-items: flex-start;
     flex-direction: column;
-    justify-content: center;
-    padding: 5rpx 15rpx;
+    justify-content: space-between;
+    padding: 10rpx 15rpx;
+    position: relative;
+    border-radius: 10rpx 0rpx 0rpx 10rpx;
+    background-image: radial-gradient(circle at right top, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx),
+        radial-gradient(circle at right bottom, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx);
+    background-color: #ffffff;
 }
 
 .price {
@@ -58,23 +64,28 @@ page {
 .btn {
     padding: 10rpx 40rpx;
 }
-.coupon-name{
+
+.coupon-name {
     font-size: 32rpx;
     font-weight: bold;
     color: black;
+    flex: 1;
 }
-.coupon-desc{
+
+.coupon-desc {
     font-size: 24rpx;
     color: #797979;
 }
-.coupon-type-yellow{
+
+.coupon-type-yellow {
     font-size: 24rpx;
     color: #ffffff;
     background: #ff9800;
     padding: 0rpx 10rpx;
     border-radius: 5rpx;
 }
-.coupon-type-blue{
+
+.coupon-type-blue {
     font-size: 24rpx;
     color: #ffffff;
     background: #0471ff;