feat: 细节调整

This commit is contained in:
2026-06-01 15:14:09 +08:00
parent 3025cc6fb7
commit a04e52bfa5
4 changed files with 33 additions and 4 deletions

View File

@@ -21,7 +21,7 @@
这是景区最完整的打法全程顺着响水河往下游走不用爬坡回头把最精华的水景一次看个够从古朴的石桥热身一路走到碧蓝的卧龙潭收尾节奏刚刚好
</view>
<image class="overview-image-card" :src="overviewImage" mode="aspectFill" />
<image class="overview-image-card" :src="overviewImage" mode="widthFix" />
<view class="detail-section-title">这几个地方不能错过</view>
<view class="detail-paragraph">
@@ -82,11 +82,11 @@
<view class="overview-combo-desc">门票 + 观光车 + 2 项体验第一次来最省心</view>
<view class="overview-combo-price">
<text class="overview-combo-currency">¥</text>130
<text class="overview-combo-original">¥175</text>
<text class="overview-combo-original">¥170</text>
</view>
</view>
</view>
<button class="overview-combo-button" @click="goodsDetail({ commodityId: '1032119438058270721' })">
<button class="overview-combo-button" @click="goodsDetail({ commodityId: '2061335177990320129' })">
查看套票详情
</button>
</view>

View File

@@ -101,6 +101,7 @@ const products = [
name: "卧龙潭皮筏艇漂流",
img: "https://one-feel-config-images-bucket.oss-cn-chengdu.aliyuncs.com/comp1.jpg",
price: "50",
saleTag: "热门项目",
commodityId: "1032119438058270721",
},
{

View File

@@ -19,7 +19,7 @@
<image
class="detail-main-image"
src="https://one-feel-config-images-bucket.oss-cn-chengdu.aliyuncs.com/comp2.jpg"
src="https://one-feel-config-images-bucket.oss-cn-chengdu.aliyuncs.com/preview/comp2.png"
mode="aspectFill"
/>

View File

@@ -372,16 +372,44 @@
}
.route-step {
position: relative;
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.route-step:not(:last-child)::before {
content: "";
position: absolute;
top: 22px;
bottom: -4px;
left: 8px;
width: 2px;
border-radius: 999px;
background: #cbd5e1;
pointer-events: none;
}
.route-step:not(:last-child)::after {
content: "";
position: absolute;
bottom: -4px;
left: 4px;
width: 0;
height: 0;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-top: 5px solid #cbd5e1;
pointer-events: none;
}
.route-step:last-child {
margin-bottom: 0;
}
.route-step-index {
position: relative;
z-index: 1;
width: 18px;
height: 18px;
flex-shrink: 0;