4 changed files with 1092 additions and 121 deletions
@ -0,0 +1,471 @@ |
|||
<template> |
|||
<view class="page"> |
|||
<view class="fixed-head"> |
|||
<view class="nav" :style="{'height': navHeight + 'px'}"> |
|||
<view class="back-btn" :style="{'top': backTop + 'px'}" @tap="back"> |
|||
<uni-icons type="left" size="26"></uni-icons> |
|||
</view> |
|||
<view class="nav-title">自配送订单</view> |
|||
</view> |
|||
<view class="tabs"> |
|||
<view class="tab" :class="{active: tab === 'pickup'}" @tap="switchTab('pickup')">待取货</view> |
|||
<view class="tab" :class="{active: tab === 'complete'}" @tap="switchTab('complete')">待送达</view> |
|||
</view> |
|||
</view> |
|||
<scroll-view class="list" :style="{'top': listTop + 'px'}" scroll-y @scrolltolower="loadMore"> |
|||
<view class="card" v-for="(item,index) in list" :key="item.id"> |
|||
<view class="card-head"> |
|||
<view class="tag">商家自配送</view> |
|||
<view class="time">{{item.mustFinishTime | formatTime}}前送达</view> |
|||
</view> |
|||
<view class="order-code" v-if="item.numberCode">#{{item.numberCode}}</view> |
|||
<view class="address"> |
|||
<view class="dot get">取</view> |
|||
<view> |
|||
<view class="name">{{item.shopName}}</view> |
|||
<view class="desc">{{item.shopAddress}}</view> |
|||
<view class="phone-row" v-if="item.shopPhone" @tap.stop="makeCall(item.shopPhone)"> |
|||
商家电话：{{item.shopPhone}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="address"> |
|||
<view class="dot send">送</view> |
|||
<view> |
|||
<view class="name">{{item.receiverName}} {{item.receiverPhone}}</view> |
|||
<view class="desc">{{item.receiverAddress}}</view> |
|||
<view class="phone-row" v-if="item.receiverPhone" @tap.stop="makeCall(item.receiverPhone)"> |
|||
用户电话：{{item.receiverPhone}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="goods-row" v-if="item.goodsList && item.goodsList.length > 0" @tap="productDetail(item)"> |
|||
<view class="goods-title">商品详情</view> |
|||
<view class="goods-desc">共{{goodsCount(item)}}件，点击查看规格和数量</view> |
|||
<uni-icons type="right" size="14" color="#7a8582"></uni-icons> |
|||
</view> |
|||
<view class="remark" v-if="item.remark">备注：{{item.remark}}</view> |
|||
<view class="fee">配送费 ￥{{item.deliveryFee || 0}}</view> |
|||
<view class="btn" @tap="handleOrder(index,item)"> |
|||
{{buttonText(item)}} |
|||
</view> |
|||
</view> |
|||
<view class="empty" v-if="list.length === 0 && loadStatus === 'nomore'">暂无订单</view> |
|||
</scroll-view> |
|||
<uni-popup ref="productPopup" background-color="transparent"> |
|||
<view class="product-popup-content"> |
|||
<view class="product-popup-header"> |
|||
<view class="product-popup-title">商品详情</view> |
|||
<view class="product-popup-subtitle">请核对商品规格和数量</view> |
|||
</view> |
|||
<view class="product-popup-list" v-if="productData && productData.length > 0"> |
|||
<view class="product-popup-card" v-for="(item1,index1) in productData" :key="index1"> |
|||
<view class="product-popup-img"> |
|||
<img :src="item1.productPicture" alt=""> |
|||
</view> |
|||
<view class="product-popup-info"> |
|||
<view class="product-popup-name">{{item1.productName}}</view> |
|||
<view class="product-popup-spec"> |
|||
<text class="product-popup-label">规格</text> |
|||
<text class="product-popup-spec-text">{{formatSpecs(item1.specs)}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="product-popup-quantity"> |
|||
<view class="product-popup-quantity-num">x{{item1.quantity}}</view> |
|||
<view class="product-popup-quantity-label">数量</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="product-popup-empty" v-else>暂无商品详情</view> |
|||
</view> |
|||
</uni-popup> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
tab: 'pickup', |
|||
list: [], |
|||
loadStatus: 'more', |
|||
totalPages: 1, |
|||
searchForm: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
status: 1, |
|||
deliveryType: 1, |
|||
shopDelivery: 1, |
|||
shopId: '', |
|||
workerId: '', |
|||
regionId: '' |
|||
}, |
|||
menuButtonInfo: {}, |
|||
navHeight: 120, |
|||
backTop: 88, |
|||
listTop: 210, |
|||
productData: [] |
|||
} |
|||
}, |
|||
filters: { |
|||
formatTime(value) { |
|||
if (!value) return ''; |
|||
const date = new Date(value); |
|||
return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`; |
|||
} |
|||
}, |
|||
onShow() { |
|||
this.initNavMetrics(); |
|||
this.initWorkerFromShop(); |
|||
this.resetList(); |
|||
}, |
|||
methods: { |
|||
initNavMetrics() { |
|||
const rect = uni.getMenuButtonBoundingClientRect(); |
|||
this.menuButtonInfo = rect || {}; |
|||
const top = rect && rect.top ? rect.top : 32; |
|||
const height = rect && rect.height ? rect.height : 32; |
|||
this.backTop = top + 6; |
|||
this.navHeight = top + height + 52; |
|||
this.listTop = this.navHeight + 76; |
|||
}, |
|||
back() { |
|||
uni.navigateBack(); |
|||
}, |
|||
initWorkerFromShop() { |
|||
const shop = this.getCurrentShop(); |
|||
this.searchForm.shopId = uni.getStorageSync('shopId'); |
|||
this.searchForm.regionId = JSON.parse(uni.getStorageSync('area')).id; |
|||
this.searchForm.workerId = shop.workerId || ''; |
|||
this.worker = { |
|||
workerId: shop.workerId || '', |
|||
workerName: shop.workerName || '', |
|||
workerPhone: shop.workerPhone || '' |
|||
}; |
|||
}, |
|||
getCurrentShop() { |
|||
const shopList = uni.getStorageSync('schoolShop') || []; |
|||
const shopId = uni.getStorageSync('shopId'); |
|||
if (Array.isArray(shopList)) { |
|||
return shopList.find(item => item.id == shopId) || {}; |
|||
} |
|||
return {}; |
|||
}, |
|||
switchTab(tab) { |
|||
this.tab = tab; |
|||
this.resetList(); |
|||
}, |
|||
resetList() { |
|||
this.list = []; |
|||
this.searchForm.pageNum = 1; |
|||
this.totalPages = 1; |
|||
this.loadStatus = 'more'; |
|||
this.searchForm.status = this.tab === 'pickup' ? 1 : 2; |
|||
this.getList(); |
|||
}, |
|||
loadMore() { |
|||
if (this.searchForm.pageNum >= this.totalPages) return; |
|||
this.searchForm.pageNum++; |
|||
this.getList(); |
|||
}, |
|||
getList() { |
|||
if (!this.searchForm.workerId) { |
|||
this.loadStatus = 'nomore'; |
|||
this.tui.toast('店铺未绑定自配送配送员'); |
|||
return; |
|||
} |
|||
this.tui.request('/mall/delivery/pageShopDelivery', 'POST', this.searchForm, false, false).then((res) => { |
|||
if (res.code == 200) { |
|||
const records = res.result.records || []; |
|||
this.list = this.searchForm.pageNum == 1 ? records : this.list.concat(records); |
|||
this.totalPages = res.result.pages || 1; |
|||
this.loadStatus = this.searchForm.pageNum >= this.totalPages ? 'nomore' : 'more'; |
|||
} else { |
|||
this.tui.toast(res.message); |
|||
} |
|||
}); |
|||
}, |
|||
handleOrder(index, item) { |
|||
if (this.tab === 'pickup' && !item.arriveTime) { |
|||
this.changeStatus(index, item, 1); |
|||
return; |
|||
} |
|||
this.changeStatus(index, item, this.tab === 'pickup' ? 2 : 3); |
|||
}, |
|||
buttonText(item) { |
|||
if (this.tab === 'pickup') { |
|||
return item.arriveTime ? '确认取货' : '已到店'; |
|||
} |
|||
return '确认送达'; |
|||
}, |
|||
changeStatus(index, item, status) { |
|||
const url = status === 1 ? '/mall/delivery/arriveShop' : (status === 2 ? '/mall/delivery/pickup' : '/mall/delivery/complete'); |
|||
this.tui.request(url, 'POST', { |
|||
regionId: this.searchForm.regionId, |
|||
deliveryId: item.id, |
|||
workerId: this.worker.workerId |
|||
}, false, true).then((res) => { |
|||
if (res.code == 200) { |
|||
if (status === 1) { |
|||
this.$set(this.list[index], 'arriveTime', new Date()); |
|||
} else { |
|||
this.list.splice(index, 1); |
|||
} |
|||
this.tui.toast(res.message || '操作成功'); |
|||
} else { |
|||
this.tui.toast(res.message); |
|||
} |
|||
}); |
|||
}, |
|||
productDetail(item) { |
|||
this.productData = item.goodsList || []; |
|||
this.$refs.productPopup.open(); |
|||
}, |
|||
goodsCount(item) { |
|||
return (item.goodsList || []).reduce((sum, goods) => sum + Number(goods.quantity || 0), 0); |
|||
}, |
|||
formatSpecs(data) { |
|||
let str; |
|||
if (typeof data === 'object' && data !== null) { |
|||
str = JSON.stringify(data); |
|||
} else if (typeof data === 'string') { |
|||
str = data; |
|||
} else { |
|||
str = String(data || ''); |
|||
} |
|||
return str.replace(/[{}"]/g, ''); |
|||
}, |
|||
makeCall(phone) { |
|||
if (!phone) return; |
|||
uni.makePhoneCall({ |
|||
phoneNumber: phone |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.page{ |
|||
height: 100vh; |
|||
background: #F5F8F5; |
|||
padding: 0 24rpx; |
|||
box-sizing: border-box; |
|||
position: relative; |
|||
overflow: hidden; |
|||
} |
|||
.fixed-head{ |
|||
position: absolute; |
|||
top: -40rpx; |
|||
left: 24rpx; |
|||
right: 24rpx; |
|||
z-index: 10; |
|||
background: #F5F8F5; |
|||
} |
|||
.nav{ |
|||
position: relative; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
.back-btn{ |
|||
position: absolute; |
|||
left: 0; |
|||
width: 68rpx; |
|||
height: 68rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
border-radius: 50%; |
|||
background: rgba(255, 255, 255, 0.9); |
|||
box-shadow: 0 8rpx 20rpx rgba(0, 35, 28, 0.08); |
|||
} |
|||
.nav-title{ |
|||
position: absolute; |
|||
bottom: 18rpx; |
|||
font-size: 32rpx; |
|||
font-weight: 800; |
|||
} |
|||
.tabs{ |
|||
display: flex; |
|||
background: #fff; |
|||
border-radius: 24rpx; |
|||
padding: 10rpx; |
|||
margin-bottom: 0; |
|||
} |
|||
.tab{ |
|||
flex: 1; |
|||
text-align: center; |
|||
height: 70rpx; |
|||
line-height: 70rpx; |
|||
border-radius: 20rpx; |
|||
font-weight: 700; |
|||
} |
|||
.tab.active{ |
|||
background: linear-gradient(90deg, #e3ff96, #a6ffea); |
|||
} |
|||
.list{ |
|||
position: absolute; |
|||
left: 24rpx; |
|||
right: 24rpx; |
|||
bottom: 0; |
|||
box-sizing: border-box; |
|||
padding-top: 20rpx; |
|||
padding-bottom: 36rpx; |
|||
} |
|||
.card{ |
|||
background: #fff; |
|||
border-radius: 24rpx; |
|||
padding: 24rpx; |
|||
margin-bottom: 20rpx; |
|||
box-shadow: 0 12rpx 30rpx rgba(0, 35, 28, 0.08); |
|||
} |
|||
.card-head{ |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.tag{ |
|||
background: rgba(255, 111, 44, 0.1); |
|||
color: #ff6f2c; |
|||
padding: 8rpx 16rpx; |
|||
border-radius: 18rpx; |
|||
font-weight: 700; |
|||
} |
|||
.time{ |
|||
color: #666; |
|||
} |
|||
.order-code{ |
|||
margin-top: 18rpx; |
|||
font-size: 32rpx; |
|||
font-weight: 800; |
|||
} |
|||
.address{ |
|||
display: flex; |
|||
margin-top: 18rpx; |
|||
} |
|||
.dot{ |
|||
width: 44rpx; |
|||
height: 44rpx; |
|||
line-height: 44rpx; |
|||
text-align: center; |
|||
border-radius: 50%; |
|||
color: #fff; |
|||
margin-right: 16rpx; |
|||
} |
|||
.get{ |
|||
background: #0b9b73; |
|||
} |
|||
.send{ |
|||
background: #ff6f2c; |
|||
} |
|||
.name{ |
|||
font-weight: 700; |
|||
} |
|||
.desc,.remark,.fee{ |
|||
margin-top: 8rpx; |
|||
color: #666; |
|||
line-height: 38rpx; |
|||
} |
|||
.phone-row{ |
|||
display: inline-block; |
|||
margin-top: 8rpx; |
|||
color: #0b9b73; |
|||
font-weight: 700; |
|||
line-height: 34rpx; |
|||
} |
|||
.goods-row{ |
|||
display: flex; |
|||
align-items: center; |
|||
margin-top: 20rpx; |
|||
padding: 18rpx 20rpx; |
|||
border-radius: 18rpx; |
|||
background: rgba(247, 248, 248, 0.8); |
|||
} |
|||
.goods-title{ |
|||
font-weight: 800; |
|||
margin-right: 16rpx; |
|||
} |
|||
.goods-desc{ |
|||
flex: 1; |
|||
color: #666; |
|||
font-size: 24rpx; |
|||
} |
|||
.btn{ |
|||
margin-top: 24rpx; |
|||
height: 76rpx; |
|||
line-height: 76rpx; |
|||
text-align: center; |
|||
border-radius: 38rpx; |
|||
background: linear-gradient(90deg, #e3ff96, #a6ffea); |
|||
font-weight: 800; |
|||
} |
|||
.empty{ |
|||
text-align: center; |
|||
color: #888; |
|||
padding: 80rpx 0; |
|||
} |
|||
.product-popup-content{ |
|||
width: 650rpx; |
|||
max-height: 850rpx; |
|||
padding: 30rpx; |
|||
border-radius: 28rpx; |
|||
background: #fff; |
|||
box-sizing: border-box; |
|||
} |
|||
.product-popup-title{ |
|||
font-size: 32rpx; |
|||
font-weight: 800; |
|||
} |
|||
.product-popup-subtitle{ |
|||
margin-top: 8rpx; |
|||
color: #888; |
|||
font-size: 24rpx; |
|||
} |
|||
.product-popup-list{ |
|||
margin-top: 24rpx; |
|||
max-height: 680rpx; |
|||
overflow-y: auto; |
|||
} |
|||
.product-popup-card{ |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 18rpx 0; |
|||
border-bottom: 1rpx solid #f0f0f0; |
|||
} |
|||
.product-popup-img img{ |
|||
width: 90rpx; |
|||
height: 90rpx; |
|||
border-radius: 16rpx; |
|||
margin-right: 18rpx; |
|||
} |
|||
.product-popup-info{ |
|||
flex: 1; |
|||
min-width: 0; |
|||
} |
|||
.product-popup-name{ |
|||
font-weight: 800; |
|||
line-height: 38rpx; |
|||
} |
|||
.product-popup-spec{ |
|||
margin-top: 8rpx; |
|||
color: #777; |
|||
font-size: 24rpx; |
|||
} |
|||
.product-popup-label{ |
|||
margin-right: 10rpx; |
|||
color: #999; |
|||
} |
|||
.product-popup-quantity{ |
|||
width: 80rpx; |
|||
text-align: right; |
|||
} |
|||
.product-popup-quantity-num{ |
|||
font-weight: 800; |
|||
} |
|||
.product-popup-quantity-label, |
|||
.product-popup-empty{ |
|||
color: #888; |
|||
font-size: 22rpx; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,183 @@ |
|||
<template> |
|||
<view class="page"> |
|||
<scroll-view class="list" scroll-y @scrolltolower="loadMore"> |
|||
<view class="card" v-for="(item,index) in list" :key="item.id"> |
|||
<view class="card-head"> |
|||
<view class="tag">中转配送</view> |
|||
<view class="code" v-if="item.numberCode">#{{item.numberCode}}</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="label">中转点</view> |
|||
<view class="value">{{item.transferAddressName || item.shopName}}</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="label">配送员</view> |
|||
<view class="value phone-value" @tap.stop="makeCall(item.workerPhone)"> |
|||
<text>{{item.workerName || '未分配'}}</text> |
|||
<text v-if="item.workerPhone" class="phone">{{item.workerPhone}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="label">用户</view> |
|||
<view class="value phone-value" @tap.stop="makeCall(item.receiverPhone)"> |
|||
<text>{{item.receiverName}}</text> |
|||
<text v-if="item.receiverPhone" class="phone">{{item.receiverPhone}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="address">{{item.receiverAddress}}</view> |
|||
<view class="image-row" v-if="item.transferArriveImage"> |
|||
<image :src="item.transferArriveImage" mode="aspectFill"></image> |
|||
</view> |
|||
<view class="actions"> |
|||
<view class="photo-btn" @tap="chooseImage(index)">拍照</view> |
|||
<view class="main-btn" @tap="transferArrive(index,item)">送达中转点</view> |
|||
</view> |
|||
</view> |
|||
<view class="empty" v-if="list.length === 0 && loadStatus === 'nomore'">暂无中转配送单</view> |
|||
</scroll-view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
loadStatus: 'more', |
|||
totalPages: 1, |
|||
searchForm: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
status: 1, |
|||
deliveryType: 1, |
|||
transferDelivery: 1, |
|||
transferArriveEmpty: true, |
|||
shopId: '', |
|||
regionId: '' |
|||
} |
|||
} |
|||
}, |
|||
onShow() { |
|||
this.resetList() |
|||
}, |
|||
methods: { |
|||
back() { |
|||
uni.navigateBack() |
|||
}, |
|||
resetList() { |
|||
this.searchForm.pageNum = 1 |
|||
this.totalPages = 1 |
|||
this.list = [] |
|||
this.loadStatus = 'more' |
|||
this.searchForm.shopId = JSON.parse(uni.getStorageSync('area')).shop.id |
|||
const area = uni.getStorageSync('area') |
|||
this.searchForm.regionId = area ? JSON.parse(area).shop.regionId : '' |
|||
this.getList() |
|||
}, |
|||
loadMore() { |
|||
if (this.searchForm.pageNum >= this.totalPages) return |
|||
this.searchForm.pageNum++ |
|||
this.getList() |
|||
}, |
|||
getList() { |
|||
this.NB.sendRequest("/mall/delivery/pageTransferDelivery",this.searchForm, false, 'post', 'application/json').then((res) => { |
|||
if (res.code == 200) { |
|||
const records = res.result.records || [] |
|||
this.list = this.searchForm.pageNum == 1 ? records : this.list.concat(records) |
|||
this.totalPages = res.result.pages || 1 |
|||
this.loadStatus = this.searchForm.pageNum >= this.totalPages ? 'nomore' : 'more' |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
uni.hideLoading() |
|||
}).catch((res) => {}) |
|||
}, |
|||
chooseImage(index) { |
|||
uni.chooseMedia({ |
|||
count: 1, |
|||
mediaType: ['image'], |
|||
sourceType: ['camera', 'album'], |
|||
success: (res) => { |
|||
const file = res.tempFiles && res.tempFiles[0] ? res.tempFiles[0].tempFilePath : '' |
|||
if (file) this.uploadImage(index, file) |
|||
} |
|||
}) |
|||
}, |
|||
uploadImage(index, filePath) { |
|||
uni.uploadFile({ |
|||
url: this.tui.interfaceUrl() + '/upload/file', |
|||
filePath, |
|||
name: 'file', |
|||
header: { |
|||
'accessToken': uni.getStorageSync('hiver_token'), |
|||
'content-type': 'multipart/form-data' |
|||
}, |
|||
success: (res) => { |
|||
const data = JSON.parse(res.data) |
|||
this.$set(this.list[index], 'transferArriveImage', data.result) |
|||
} |
|||
}) |
|||
}, |
|||
transferArrive(index, item) { |
|||
console.log('快看快看',item) |
|||
this.NB.sendRequest("/mall/delivery/transferArrive",{ |
|||
deliveryId: item.id, |
|||
transferArriveImage: item.transferArriveImage || '' |
|||
}, false, 'post', 'application/x-www-form-urlencoded').then((res) => { |
|||
if (res.code == 200) { |
|||
this.list.splice(index, 1) |
|||
uni.showToast({ |
|||
title: '操作成功', |
|||
icon: 'none' |
|||
}) |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
uni.hideLoading() |
|||
}).catch((res) => {}) |
|||
}, |
|||
makeCall(phone) { |
|||
if (!phone) { |
|||
uni.showToast({ |
|||
title: '暂无手机号', |
|||
icon: 'none' |
|||
}) |
|||
return |
|||
} |
|||
uni.makePhoneCall({ |
|||
phoneNumber: phone |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.page{min-height:100vh;background:#F5F8F5;padding:120rpx 24rpx 24rpx;box-sizing:border-box;} |
|||
.nav{position:fixed;top:0;left:0;right:0;height:110rpx;background:#F5F8F5;z-index:9;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18rpx;} |
|||
.back{position:absolute;left:24rpx;bottom:12rpx;width:68rpx;height:68rpx;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;} |
|||
.title{font-size:32rpx;font-weight:800;} |
|||
.list{height:calc(100vh - 140rpx);} |
|||
.card{background:#fff;border-radius:24rpx;padding:24rpx;margin-bottom:20rpx;box-shadow:0 10rpx 26rpx rgba(0,35,28,.08);} |
|||
.card-head{display:flex;align-items:center;margin-bottom:20rpx;} |
|||
.tag{background:#fff2e9;color:#f36c21;border-radius:12rpx;padding:8rpx 14rpx;font-weight:700;} |
|||
.code{margin-left:auto;font-weight:800;font-size:32rpx;} |
|||
.row{display:flex;line-height:46rpx;} |
|||
.label{width:120rpx;color:#7a8582;} |
|||
.value{flex:1;font-weight:700;} |
|||
.phone-value{display:flex;align-items:center;gap:16rpx;color:#123d35;} |
|||
.phone{color:#0b9b73;text-decoration:underline;} |
|||
.address{margin-top:10rpx;color:#6c7773;line-height:40rpx;} |
|||
.image-row image{width:160rpx;height:160rpx;border-radius:16rpx;margin-top:16rpx;} |
|||
.actions{display:flex;margin-top:22rpx;gap:18rpx;} |
|||
.photo-btn,.main-btn{flex:1;height:76rpx;line-height:76rpx;text-align:center;border-radius:38rpx;font-weight:700;} |
|||
.photo-btn{background:#f2f6f4;color:#0b9b73;} |
|||
.main-btn{background:linear-gradient(90deg,#e3ff96,#a6ffea);color:#00231c;} |
|||
.empty{text-align:center;color:#8a9692;padding:80rpx 0;} |
|||
</style> |
|||
Loading…
Reference in new issue