优化下单按钮间距效果,解决iphone小屏幕的布局问题。

This commit is contained in:
jianweie code
2024-03-19 13:59:07 +08:00
parent d55a2de35d
commit 02b9ac94dc

View File

@@ -17,7 +17,7 @@
</view>
<view class="coreshop-margin-left-10 coreshop-margin-right-10 coreshop-margin-top-10">
<u-subsection :list="typeItems" mode="subsection" :current="typeCurrent" @change="onTypeItem" bg-color="#ffffff" active-color="#e54d42" v-if="typeItems.length > 0" style="border-radius:0;"></u-subsection>
<u-subsection :list="typeItems" mode="subsection" :current="typeCurrent" @change="onTypeItem" bg-color="#ffffff" active-color="#e54d42" v-if="typeItems.length > 0" style="border-radius: 0;"></u-subsection>
</view>
<view class="content">
<view v-show="OrderDistributionModelCurrent === 'isOpenHomeDelivery' || OrderDistributionModelCurrent === 'isOpenMailing'">
@@ -266,12 +266,12 @@
<view class="coreshop-tabbar-height" />
<!--底部操作-->
<view class="coreshop-bg-white coreshop-footer-fixed coreshop-foot-padding-bottom">
<view class="coreshop-flex coreshop-flex-nowrap coreshop-justify-between coreshop-padding-10 coreshop-percent-100">
<view class="coreshop-text-black coreshop-text-bold price-view coreshop-basis-6 coreshop-flex coreshop-align-center">
<text class="coreshop-margin-right-10"> {{ productNums}} 件商品</text>
<text>合计<text class="coreshop-text-price coreshop-text-red coreshop-font-lg coreshop-margin-left-10"> {{ cartData.amount}}</text></text>
</view>
<view class="coreshop-basis-4">
<view class="coreshop-flex coreshop-flex-nowrap coreshop-justify-between coreshop-align-center coreshop-padding-10 coreshop-percent-100">
<text class="coreshop-text-black coreshop-text-bold"> {{ productNums}} 件商品</text>
<text class="coreshop-text-black coreshop-text-bold">
合计<text class="coreshop-text-price coreshop-text-red coreshop-font-lg coreshop-margin-left-10"> {{ cartData.amount}}</text>
</text>
<view style="width: 120px;">
<u-button size="normal" type="error" @click="toPay" :disabled='submitStatus' :loading='submitStatus'>确认下单</u-button>
</view>
</view>