feat: 细节调整
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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",
|
||||
},
|
||||
{
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user