|
|
@ -4,9 +4,9 @@ |
|
|
|
<navbar :title="detail.title" leftClick @leftClick="$utils.navigateBack" /> |
|
|
|
|
|
|
|
<view class="header"> |
|
|
|
<image class="icon" :src="detail.image" mode="widthFix"></image> |
|
|
|
<view class="flex" style="padding: 0 40rpx;"> |
|
|
|
<view class="flex"> |
|
|
|
<image class="cover-img" :src="detail.image" mode="widthFix"></image> |
|
|
|
<view class="flex" style="padding: 40rpx 40rpx 0 40rpx;"> |
|
|
|
<view class="flex flex-column"> |
|
|
|
<view class="title">{{ detail.title }}</view> |
|
|
|
<view class="tag">{{ detail.createTime }}</view> |
|
|
|
</view> |
|
|
@ -19,10 +19,9 @@ |
|
|
|
<view class="main"> |
|
|
|
|
|
|
|
<view class="section" v-for="item in list" :key="item.id"> |
|
|
|
<view class="section-header"> |
|
|
|
<view class="flex section-header"> |
|
|
|
<view class="avatar"> |
|
|
|
<!-- todo: check key --> |
|
|
|
<image class="avatar-img" src="@/pages_order/static/temp-30.png" mode="scaleToFill"></image> |
|
|
|
<image class="avatar-img" :src="item.avatar" mode="scaleToFill"></image> |
|
|
|
</view> |
|
|
|
<view class="info"> |
|
|
|
<view class="flex title"> |
|
|
@ -73,7 +72,7 @@ |
|
|
|
// todo |
|
|
|
mixinsListApi: '', |
|
|
|
// todo: fetch |
|
|
|
isManager: true, |
|
|
|
isManager: false, |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
@ -92,21 +91,52 @@ |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
async fetchDetail() { |
|
|
|
this.bannerList = [ |
|
|
|
{ |
|
|
|
url: '/pages_order/static/temp-23.png', |
|
|
|
title: '趣玩新加坡', |
|
|
|
createTime: '2025-04-18', |
|
|
|
}, |
|
|
|
// todo: fetch |
|
|
|
this.detail = { |
|
|
|
id: '001', |
|
|
|
image: '/static/image/temp-20.png', |
|
|
|
title: '趣玩新加坡', |
|
|
|
createTime: '2025-04-18', |
|
|
|
} |
|
|
|
}, |
|
|
|
// todo: delete |
|
|
|
getData() { |
|
|
|
this.list = [ |
|
|
|
{ |
|
|
|
url: '/pages_order/static/temp-24.png', |
|
|
|
title: '坝上双草原', |
|
|
|
createTime: '2025-04-18', |
|
|
|
id: '001', |
|
|
|
avatar: '/pages_order/static/temp-30.png', |
|
|
|
name: '战斗世界', |
|
|
|
address: '241 Orchard Road, Singapore 238863', |
|
|
|
createTime: '2023-04-18 12:00:00', |
|
|
|
images: [ |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
url: '/pages_order/static/temp-25.png', |
|
|
|
title: '牛湖线', |
|
|
|
createTime: '2025-04-18', |
|
|
|
id: '001', |
|
|
|
avatar: '/pages_order/static/temp-30.png', |
|
|
|
name: '战斗世界', |
|
|
|
address: '10 Bayfront Avenue, Singapore 018956', |
|
|
|
createTime: '2023-04-18 12:00:00', |
|
|
|
images: [ |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
'/pages_order/static/temp-38.png', |
|
|
|
] |
|
|
|
}, |
|
|
|
] |
|
|
|
}, |
|
|
@ -129,9 +159,15 @@ |
|
|
|
|
|
|
|
.header { |
|
|
|
margin-top: 40rpx; |
|
|
|
font-size: 0; |
|
|
|
|
|
|
|
.cover-img { |
|
|
|
width: 100%; |
|
|
|
height: auto; |
|
|
|
border-radius: 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.title { |
|
|
|
margin-top: 12rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 600; |
|
|
|
color: #252545; |
|
|
@ -165,13 +201,14 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.main { |
|
|
|
padding: 0 40rpx; |
|
|
|
padding: 0 40rpx 40rpx 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.section { |
|
|
|
margin-top: 40rpx; |
|
|
|
|
|
|
|
&-header { |
|
|
|
column-gap: 24rpx; |
|
|
|
|
|
|
|
.avatar { |
|
|
|
flex: none; |
|
|
@ -189,12 +226,12 @@ |
|
|
|
|
|
|
|
.info { |
|
|
|
flex: 1; |
|
|
|
column-gap: 24rpx; |
|
|
|
min-width: 0; |
|
|
|
|
|
|
|
.title { |
|
|
|
column-gap: 8rpx; |
|
|
|
white-space: nowrap; |
|
|
|
font-size: 26rpx; |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: 600; |
|
|
|
color: #252545; |
|
|
|
|
|
|
@ -205,6 +242,7 @@ |
|
|
|
|
|
|
|
.address { |
|
|
|
flex: 1; |
|
|
|
font-weight: 400; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #00A9FF; |
|
|
|
} |
|
|
@ -212,6 +250,9 @@ |
|
|
|
|
|
|
|
.desc { |
|
|
|
margin-top: 8rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #8B8B8B; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
@ -228,6 +269,7 @@ |
|
|
|
gap: 16rpx; |
|
|
|
|
|
|
|
&-item { |
|
|
|
height: 300rpx; |
|
|
|
border: 2rpx solid #CDCDCD; |
|
|
|
border-radius: 12rpx; |
|
|
|
overflow: hidden; |
|
|
|