【优化】优化单品非sku下弹窗格式化数据异常,更换新的购物车及下单按钮。

This commit is contained in:
大灰灰
2022-09-15 21:14:00 +08:00
parent bc97182420
commit 72534e1beb
4 changed files with 33 additions and 10 deletions

View File

@@ -12,7 +12,7 @@
&.left { left: 0; }
&.right { right: 0; }
&.top { top: 0; }
&.bottom { bottom: 3px; }
&.bottom { bottom: 0; }
.icon-jia { color: #ffffff; font-size: 25px; transition: all 0.3s; width: 22px; height: 22px;
&.active { transform: rotate(90deg); }
}

View File

@@ -44,7 +44,7 @@
</view>
<view class="coreshop-margin-top-12 coreshop-multiple-line-clamp">
<text class="coreshop-font-16 coreshop-font-weight-bold">{{ goodsInfo.name || '' }}</text>
<text class="coreshop-font-16 coreshop-text-black coreshop-font-weight-bold">{{ goodsInfo.name || '' }}</text>
</view>
<view class="coreshop-margin-top-8 coreshop-single-line-clamp">
<text class="coreshop-font-14 coreshop-text-gray">{{ goodsInfo.brief || '' }}</text>
@@ -286,25 +286,35 @@
<!-- #ifdef MP-WEIXIN -->
<view class="action">
<button open-type="contact" bindcontact="showChat" class="noButtonStyle" :send-message-title="goodsInfo.name" :send-message-path="'/pages/goods/goodDetails/goodDetails?id='+goodsInfo.id" :send-message-img="goodsInfo.image" show-message-card="true">
<u-icon name="server-fill" :size="20" label="找客服" :labelSize="12" labelPos="bottom"></u-icon>
<u-icon name="server-fill" :size="20" label="找客服" :labelSize="12" space="5px" labelPos="bottom"></u-icon>
</button>
</view>
<!-- #endif -->
<view class="action" @click="redirectCart">
<button class="noButtonStyle">
<u-badge type="warning" :value="cartNums" showZero="false" absolute="true" :offset="[1, 4]"></u-badge>
<u-icon name="shopping-cart" :size="24" label="购物车" :labelSize="12" labelPos="bottom"></u-icon>
<u-icon name="shopping-cart-fill" :size="24" label="购物车" :labelSize="12" space="1px" labelPos="bottom"></u-icon>
</button>
</view>
</view>
<view class="btn-group coreshop-flex coreshop-align-center coreshop-flex-direction-row coreshop-justify-between coreshop-basis-5">
<!--<view class="btn-group coreshop-flex coreshop-align-center coreshop-flex-direction-row coreshop-justify-between coreshop-basis-6">
<u-button type="warning" size="normal" :plain="true" shape="circle" @click="openSkuPopup">
<text class="coreshop-font-12">加购物车</text>
</u-button>
<u-button type="error" size="normal" shape="circle" @click="openSkuPopup">
<text class="coreshop-font-12">立即购买</text>
</u-button>
</view>-->
<view class="coreshop-border-radius-20 coreshop-flex coreshop-align-end coreshop-flex-sub">
<view class="btn-add-shopcar" @click="openSkuPopup">
<text>加入购物车</text>
</view>
<view class="btn-buy" @click="openSkuPopup">
<text>立即购买</text>
</view>
</view>
</view>
</view>

View File

@@ -686,3 +686,8 @@ u-icon { line-height: 0; }
.goods-param-line .value { color: #2f2f2f; font-size: 12px; padding-left: 12px; width: 215px; }
.line-70 { background: #c3c3c3; height: 1px; margin-top: 3px; width: 34.5px; }
.btn-add-shopcar { border: 1rpx solid #ff8512; border-radius: 12rpx; color: #ff8512; font-size: 32rpx; width: 210rpx; }
.btn-add-shopcar, .btn-buy { font-weight: bolder; height: 72rpx; line-height: 72rpx; text-align: center; }
.btn-buy { background: #ff3b3b; border-radius: 12rpx; color: #fff; margin-left: 14rpx; width: 220rpx; }