Commit 159b83891419255a281d1a227c7993ec9133b8c3

Authored by vking
1 parent 7d5bfa95

boost + mapmenu + 店铺红包

1 <!--components/reserve/discount.wxml--> 1 <!--components/reserve/discount.wxml-->
2 -<view class="toast flex-vc" wx:if="{{red_envelopes_price>0}}">  
3 - <view style="text-align: center;">恭喜您获得<text>{{red_envelopes_price}}元红包</text></view> 2 +<view class="toast" wx:if="{{red_envelopes_price>0}}">
  3 + <view class="toast-view">
  4 + <view class="toast-text">店家送您</view>
  5 + <view class="toast-text"><text class="yellow">{{red_envelopes_price}}</text>元红包</view>
  6 + </view>
4 </view> 7 </view>
5 <view class="{{cla?cla:'tips reserve-detail'}}" wx:if="{{money>0 && red_envelopes_price==0 && seller.isopen_md==1}}"> 8 <view class="{{cla?cla:'tips reserve-detail'}}" wx:if="{{money>0 && red_envelopes_price==0 && seller.isopen_md==1}}">
6 <view class="msg"> 9 <view class="msg">
@@ -127,27 +127,46 @@ @@ -127,27 +127,46 @@
127 } 127 }
128 128
129 .toast{ 129 .toast{
130 - min-height:80rpx;  
131 - min-width:380rpx;  
132 - background:rgba(53,53,53,0.8);  
133 - border-radius:20rpx;  
134 - 130 + background:rgba(255,82,76,1);
  131 + border-radius:10rpx;
  132 + box-sizing: border-box;
  133 + z-index: 9999;
  134 + position: fixed;
  135 + top:560rpx;
  136 + left:calc(50% - 150rpx);
  137 +}
  138 +.toast-view{
  139 + width:300rpx;
  140 + height:220rpx;
  141 + position: relative;
  142 + box-sizing: border-box;
  143 + overflow: hidden;
  144 + text-align: center;
  145 + padding-top: 92rpx;
  146 +}
  147 +.toast-view:before{
  148 + content: "";
  149 + display: block;
  150 + width:340rpx;
  151 + height:160rpx;
  152 + border:6rpx solid rgba(216,18,18,1);
  153 + position: absolute;
  154 + top:-80rpx;
  155 + left: -20rpx;
  156 + box-sizing: border-box;
  157 + border-radius: 50%;
  158 +}
  159 +.toast-text{
  160 + height:44rpx;
135 font-size:32rpx; 161 font-size:32rpx;
136 - font-family:PingFangSC-Medium,PingFang SC;  
137 - font-weight:500; 162 + font-family:PingFangSC-Semibold,PingFang SC;
  163 + font-weight:600;
138 color:rgba(255,255,255,1); 164 color:rgba(255,255,255,1);
139 line-height:44rpx; 165 line-height:44rpx;
140 - position: fixed;  
141 - top:60%;  
142 - left:calc(50% - 190rpx);  
143 - padding: 10rpx 20rpx;  
144 - box-sizing: border-box;  
145 - z-index: 9999;  
146 } 166 }
147 -.toast text{  
148 - color:#FEDE68; 167 +.toast-text .yellow{
  168 + color:#FFF48D;
149 } 169 }
150 -  
151 .tips{ 170 .tips{
152 position: fixed; 171 position: fixed;
153 z-index: 9999; 172 z-index: 9999;