优化样式显示

@@ -11,11 +11,16 @@
         <block wx:for="{{coupons}}" wx:key="{{item.coupon_code}}">
           <view class="coupon-item">
             <view class="left">
-              <text class="value">{{item.coupon_value_str}}</text>
+              <block wx:if="{{item.use_rule_str}}">
+                <text class="value">{{item.coupon_value_str}}</text>
+              </block>
+              <block wx:else>
+                <text class="value solo">{{item.coupon_value_str}}</text>
+              </block>
               <text class="condition" wx:if="{{item.use_rule_str}}">{{item.use_rule_str}}</text>
             </view>
             <view class="right">
-              <text class="name">{{item.coupon_name}}</text>
+              <text class="name"><text class="prefix">[UFO]</text>{{item.coupon_name}}</text>
               <text class="period">{{item.coupon_validity}}</text>
               <block wx:if="{{item.isChosen}}">
                 <image bindtap="uncheck" class="checked" data-idx="{{index}}"

@@ -97,6 +97,10 @@
   line-height: 1;
 }
 
+.coupon-use-select .coupon-item .left .value.solo {
+  line-height: 1.5;
+}
+
 .coupon-use-select .coupon-item .left .condition {
   display: block;
   font-size: 24px;
@@ -129,6 +133,14 @@
   text-align: left;
 }
 
+.coupon-use-select .coupon-item .right .name .prefix {
+  font-size: 24px;
+  color: #002B47;
+  letter-spacing: 0;
+  font-weight: 500;
+  margin-right: 10px;
+}
+
 .coupon-use-select .coupon-item .right .period {
   display: block;
   font-size: 22px;

@@ -45,7 +45,10 @@ export default class MyCoupon extends Component {
               return <View className='item'>
                 <View className='ticket'>
                   <View className='left'>
-                    <View className='price'>{value.coupon_value}</View>
+                    <View className={!value.use_rule ? 'price solo' : 'price'}>{value.coupon_value}</View>
+                    {
+                      value.use_rule ? <View className='use-rule'>{value.use_rule}</View> : ''
+                    }
                   </View>
                   <View className='right'>
                     <View className='name'><Text className='prefix'>[UFO]</Text> {value.coupon_name}</View>

@@ -63,6 +63,10 @@
         font-weight: 600;
         font-family: SFProText-Semibold;
       }
+
+      .price.solo {
+        line-height: 1.8;
+      }
       .type {
         font-size: 24px;
       }