样式优化

This commit is contained in:
aihe 2023-12-18 00:26:07 +08:00
parent 62a9f45e20
commit 8c4efa2d91
2 changed files with 67 additions and 56 deletions

View File

@ -67,6 +67,12 @@
@extend %blcok; @extend %blcok;
background-color: #F6F6F6; background-color: #F6F6F6;
} }
.blcok-grey-sm{
@extend %blcok;
background-color: #F6F6F6;
border-radius: 20rpx;
padding: 20rpx;
}
.blcok-white-noradius{ .blcok-white-noradius{
@extend %blcok; @extend %blcok;
background-color: #fff; background-color: #fff;

View File

@ -107,53 +107,55 @@
</view> </view>
</view> </view>
<u-line margin="20rpx 0 20rpx"></u-line> <u-line margin="20rpx 0 20rpx"></u-line>
<view class="blcok-grey-sm">
<view class="dt-item"> <view class="dt-item">
<view> <view>
<text>目的国家:</text> <text class="clr-sub pr-10">目的国家:</text>
<text class="font-weight">柬埔寨</text> <text class="">柬埔寨</text>
</view> </view>
<view> <view>
<text>线路:</text> <text class="clr-sub pr-10">线路:</text>
<text class="font-weight">柬埔寨快递</text> <text class="">柬埔寨快递</text>
</view> </view>
</view> </view>
<view class="dt-item"> <view class="dt-item">
<view> <view>
<text>产品类型:</text> <text class="clr-sub pr-10">产品类型:</text>
<text class="font-weight">柬埔寨国际特快</text> <text class="">柬埔寨国际特快</text>
</view> </view>
<view> <view>
<text>时效:</text> <text class="clr-sub pr-10">时效:</text>
<text class="font-weight">23天</text> <text class="">23天</text>
</view> </view>
</view> </view>
<view class="dt-item"> <view class="dt-item">
<view> <view>
<text>基础运费:</text> <text class="clr-sub pr-10">基础运费:</text>
<text class="font-weight">¥80.00</text> <text class="">¥80.00</text>
</view> </view>
<view> <view>
<text>付款方式:</text> <text class="clr-sub pr-10">付款方式:</text>
<text class="font-weight">寄付现结</text> <text class="">寄付现结</text>
</view> </view>
</view> </view>
<view class="dt-item"> <view class="dt-item">
<view> <view>
<text>报关方式:</text> <text class="clr-sub pr-10">报关方式:</text>
<text class="font-weight">快递报关</text> <text class="">快递报关</text>
</view> </view>
<view> <view>
<text>清关方式:</text> <text class="clr-sub pr-10">清关方式:</text>
<text class="font-weight">快递清关</text> <text class="">快递清关</text>
</view> </view>
</view> </view>
<view class="dt-item"> <view class="dt-item">
<view> <view>
<text>运费:</text> <text class="clr-sub pr-10">运费:</text>
<text class="clr-prm font-32">¥ 80.00</text> <text class="clr-prm font-32">¥ 80.00</text>
</view> </view>
</view> </view>
</view> </view>
</view>
<view class="dt-block"> <view class="dt-block">
<view class="dt-tle"> <view class="dt-tle">
@ -163,24 +165,27 @@
</view> </view>
</view> </view>
<u-line margin="20rpx 0 20rpx"></u-line> <u-line margin="20rpx 0 20rpx"></u-line>
<view class="blcok-grey-sm">
<view class="dt-item"> <view class="dt-item">
<view> <view>
<text>取货方式:</text> <text class="clr-sub pr-10">取货方式:</text>
<text class="font-weight">上门取件 整柜提货</text> <text class="">上门取件 整柜提货</text>
</view> </view>
</view> </view>
<view class="dt-item"> <view class="dt-item">
<view> <view>
<text>预约上门:</text> <text class="clr-sub pr-10">预约上门:</text>
<text class="font-weight"> 2023 11-22 09:00 - 10:00</text> <text class=""> 2023 11-22 09:00 - 10:00</text>
</view> </view>
</view> </view>
<view class="dt-item"> <view class="dt-item">
<view> <view>
<text>安排信息:</text> <text class="clr-sub pr-10">安排信息:</text>
<text class="font-weight">已安排快递员上门取货</text> <text >已安排快递员上门取货</text>
</view> </view>
</view> </view>
</view>
<u-line margin="20rpx 0 10rpx 0"></u-line> <u-line margin="20rpx 0 10rpx 0"></u-line>
<u-row justify="between"> <u-row justify="between">
<u-text text="快递员" size="28" :bold="true"></u-text> <u-text text="快递员" size="28" :bold="true"></u-text>