Authored by 李奇

详情页提示添加

@@ -118,19 +118,10 @@ @@ -118,19 +118,10 @@
118 </view> 118 </view>
119 119
120 <view class="fixed-bottom-actions"> 120 <view class="fixed-bottom-actions">
121 - <!--<block wx:if="{{storage_sum==0}}">-->  
122 - <!--<view class='bottom-tip-view' wx:if="{{showBottomTipView}}" style="display:{{storage_sum===0?'flex':'none'}}">-->  
123 - <!--<text class="bottom-tip-view-title" style="display:{{is_supplyed?'flex':'none'}}">此商品已售罄,请等待后续备货!</text>-->  
124 - <!--<text class="bottom-tip-view-title" style="display:{{is_supplyed?'none':'flex'}}">已售罄</text>-->  
125 - <!--</view>-->  
126 - <!--</block>-->  
127 - <!--<block wx:else>-->  
128 - <!--<view-->  
129 - <!--class="bottom-action {{(productOnlyProvideByYohoAPP || productOnlyProvideByYohoStore || productNotForSale) ? 'disabled' : ''}}" >-->  
130 - <!--<view wx:if="{{login}}" class="buy-btn" bindtap="buyImmediate">立即购买</view>-->  
131 - <!--<button wx:else class="buy-btn" open-type="getUserInfo" bindgetuserinfo="getUserInfoLogin">立即购买</button>-->  
132 - <!--</view>-->  
133 - <!--</block>--> 121 + <view class="invalid-tip" wx:if="{{storage_sum === 0}}">
  122 + <view class="tip-bg"></view>
  123 + <text class="tip-text" wx:if="{{storage_sum === 0}}">此商品已售罄,请等待后续备货!</text>
  124 + </view>
134 <view class="img-action" bindtap="goCart"> 125 <view class="img-action" bindtap="goCart">
135 <view class="badge" hidden='{{countInCart===0}}'>{{countInCart}}</view> 126 <view class="badge" hidden='{{countInCart===0}}'>{{countInCart}}</view>
136 <image class="image" src="../../../static/images/cart-btn.png" mode="widthFix"></image> 127 <image class="image" src="../../../static/images/cart-btn.png" mode="widthFix"></image>
@@ -138,15 +129,21 @@ @@ -138,15 +129,21 @@
138 <view class="img-action" bindtap="toShop"> 129 <view class="img-action" bindtap="toShop">
139 <image class="image" src="../../../static/images/store-btn-active.png" mode="widthFix"></image> 130 <image class="image" src="../../../static/images/store-btn-active.png" mode="widthFix"></image>
140 </view> 131 </view>
141 - <view wx:if="{{login}}" class="txt-action add" bindtap="addToCart">加入购物车</view>  
142 - <view wx:else class="txt-action add" bindtap="addToCart">  
143 - <button class="add-btn" open-type="getUserInfo" bindgetuserinfo="getUserInfoLogin" plain="true">加入购物车</button>  
144 - </view>  
145 -  
146 - <view wx:if="{{login}}" class="txt-action buy" bindtap="buyImmediate">立即购买</view>  
147 - <view wx:else class="txt-action buy" bindtap="buyImmediate">  
148 - <button class="buy-btn" open-type="getUserInfo" bindgetuserinfo="getUserInfoLogin" plain="true">立即购买</button>  
149 - </view> 132 + <block wx:if="{{true}}">
  133 + <view wx:if="{{login}}" class="txt-action add" bindtap="addToCart">加入购物车</view>
  134 + <view wx:else class="txt-action add" bindtap="addToCart">
  135 + <button class="add-btn" open-type="getUserInfo" bindgetuserinfo="getUserInfoLogin" plain="true">加入购物车</button>
  136 + </view>
  137 +
  138 + <view wx:if="{{login}}" class="txt-action buy" bindtap="buyImmediate">立即购买</view>
  139 + <view wx:else class="txt-action buy" bindtap="buyImmediate">
  140 + <button class="buy-btn" open-type="getUserInfo" bindgetuserinfo="getUserInfoLogin" plain="true">立即购买</button>
  141 + </view>
  142 + </block>
  143 + <block wx:else>
  144 + <view class="txt-action disabled">加入购物车</view>
  145 + <view class="txt-action buy disabled">立即购买</view>
  146 + </block>
150 </view> 147 </view>
151 148
152 149
@@ -573,19 +573,38 @@ @@ -573,19 +573,38 @@
573 border: none; 573 border: none;
574 } 574 }
575 575
576 -.bottom-tip-view{  
577 - flex-direction:row;  
578 - width: 100%;  
579 - height: 100rpx;  
580 - background-color: #afafaf;  
581 - justify-content: center;  
582 - align-items: center; 576 +.fixed-bottom-actions .txt-action.disabled {
  577 + background-color: #999999;
583 } 578 }
584 579
585 -.bottom-tip-view-title{  
586 - display: flex;  
587 - color: #fff; 580 +.fixed-bottom-actions .invalid-tip {
  581 + position: absolute;
  582 + height: 70rpx;
  583 + top: -70rpx;
  584 + left: 0;
  585 + right: 0;
  586 +}
  587 +
  588 +.fixed-bottom-actions .invalid-tip .tip-bg {
  589 + position: absolute;
  590 + top: 0;
  591 + right: 0;
  592 + bottom: 0;
  593 + left: 0;
  594 + opacity: 0.7;
  595 + background-color: #000;
  596 +}
  597 +
  598 +.fixed-bottom-actions .invalid-tip .tip-text {
  599 + position: absolute;
  600 + top: 0;
  601 + left: 0;
  602 + right: 0;
  603 + height: 70rpx;
  604 + color: #ffffff;
588 font-size: 28rpx; 605 font-size: 28rpx;
  606 + text-align: center;
  607 + line-height: 70rpx;
589 } 608 }
590 609
591 .shoppint-like-icon{ 610 .shoppint-like-icon{