master
王文杰 7 months ago
parent 66d3aeb239
commit 1906072cb8

@ -232,7 +232,7 @@ const handlePopClose = (item) => {
</view> </view>
<view class="cont"> <view class="cont">
<view class="module info"> <view class="module info">
<view class="module-title">回收品类</view> <view class="module-title">回收品类<span class="tip">(请选择品类)</span></view>
<view class="category-list"> <view class="category-list">
<view <view
v-for="item in categoryList" v-for="item in categoryList"
@ -338,6 +338,11 @@ page {
color: #0d0d26; color: #0d0d26;
padding-bottom: 20rpx; padding-bottom: 20rpx;
border-bottom: 2rpx solid #f2f2f2; border-bottom: 2rpx solid #f2f2f2;
.tip {
color: red;
font-size: 18rpx;
margin-left: 20rpx;
}
} }
.category-list { .category-list {
// margin: 20rpx 0 0; // margin: 20rpx 0 0;
@ -350,7 +355,7 @@ page {
width: 22%; width: 22%;
border-radius: 16rpx; border-radius: 16rpx;
margin: 8rpx; margin: 8rpx;
padding: 16rpx 0; padding: 10rpx 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; // flex-direction: row; justify-content: space-between; // flex-direction: row;
@ -510,4 +515,3 @@ page {
height: 100rpx; height: 100rpx;
} }
</style> </style>
, onShow

@ -36,8 +36,8 @@ const handleToto = (id) => {
><span class="tag-before">回收品类</span>{{ item.categoryStr }}</view ><span class="tag-before">回收品类</span>{{ item.categoryStr }}</view
> >
<view class="foot-desc"> <view class="foot-desc">
<view class="item">特色服务上门服务家电维修</view> <view class="item">特色服务再生资源回收</view>
<view class="item">优惠活动预约回收立享双倍积分</view> <!-- <view class="item">优惠活动预约回收立享双倍积分</view> -->
</view> </view>
</view> </view>
</view> </view>

@ -22,7 +22,7 @@
width: 25%; width: 25%;
border-radius: 16rpx; border-radius: 16rpx;
margin: 8rpx 0; margin: 8rpx 0;
padding: 16rpx 0; padding: 10rpx 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; // flex-direction: row; justify-content: space-between; // flex-direction: row;

@ -26,7 +26,7 @@
width: 25%; width: 25%;
border-radius: 16rpx; border-radius: 16rpx;
margin: 8rpx 0; margin: 8rpx 0;
padding: 16rpx 0; padding: 10rpx 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;

@ -82,8 +82,10 @@ const handleCancleOrder = () => {
</view> </view>
</view> </view>
<view class="predict-weight">预估重量{{ order.predictWeight?.desc }}</view> <view class="predict-weight">预估重量{{ order.predictWeight?.desc }}</view>
<view class="staffs-name">回收员{{ order.recyclerInfo?.staffsName }}</view> <template v-if="order.recyclerInfo">
<view class="staffs-phone">回收员手机号{{ order.recyclerInfo?.mobilePhone }}</view> <view class="staffs-name">回收员{{ order.recyclerInfo?.staffsName }}</view>
<view class="staffs-phone">回收员手机号{{ order.recyclerInfo?.mobilePhone }}</view>
</template>
</view> </view>
<view class="module info"> <view class="module info">
<view class="title">取件信息</view> <view class="title">取件信息</view>
@ -181,18 +183,25 @@ page {
margin-right: 20rpx; margin-right: 20rpx;
} }
.product-name { .product-name {
// font-size: 28rpx;
color: #3D3D3D;
} }
} }
} }
.predict-weight { .predict-weight {
font-size: 28rpx;
margin-top: 40rpx; margin-top: 40rpx;
color: #3D3D3D;
} }
.staffs-name { .staffs-name {
font-size: 28rpx;
margin: 20rpx 0; margin: 20rpx 0;
color: #3D3D3D;
} }
.staffs-phone { .staffs-phone {
font-size: 28rpx;
margin-bottom: 40rpx; margin-bottom: 40rpx;
color: #3D3D3D;
} }
&.info { &.info {
.title { .title {

@ -123,7 +123,7 @@ onLoad((options) => {
</view> </view>
<view class="detail-list"> <view class="detail-list">
<view class="item flex-row"> <view class="item flex-row">
<view class="service-title">服务</view> <view class="service-title">特色服务</view>
<view class="tag-list"> <view class="tag-list">
<view class="tag">再生资源回收</view> <view class="tag">再生资源回收</view>
<!-- <view class="tag">家电维修</view> <!-- <view class="tag">家电维修</view>
@ -218,16 +218,19 @@ onLoad((options) => {
.product-name { .product-name {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 28rpx;
.img-url { .img-url {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.name { .name {
font-size: 28rpx;
color: #95969d; color: #95969d;
} }
} }
.product-price { .product-price {
font-size: 28rpx;
margin: 20rpx; margin: 20rpx;
color: #95969d; color: #95969d;
} }

Loading…
Cancel
Save