diff --git a/src/pages/ChatModule/LongTextGuideCardPreview/fullDoc.vue b/src/pages/ChatModule/LongTextGuideCardPreview/fullDoc.vue index 800581a..2702e7e 100644 --- a/src/pages/ChatModule/LongTextGuideCardPreview/fullDoc.vue +++ b/src/pages/ChatModule/LongTextGuideCardPreview/fullDoc.vue @@ -21,7 +21,7 @@ 这是景区最完整的打法,全程顺着响水河往下游走,不用爬坡回头,把最精华的水景一次看个够。从古朴的石桥热身,一路走到碧蓝的卧龙潭收尾,节奏刚刚好。 - + 这几个地方不能错过 @@ -82,11 +82,11 @@ 门票 + 观光车 + 2 项体验,第一次来最省心 ¥130 - ¥175 + ¥170 - diff --git a/src/pages/ChatModule/LongTextGuideCardPreview/guide.vue b/src/pages/ChatModule/LongTextGuideCardPreview/guide.vue index 097f5bf..5af6c2e 100644 --- a/src/pages/ChatModule/LongTextGuideCardPreview/guide.vue +++ b/src/pages/ChatModule/LongTextGuideCardPreview/guide.vue @@ -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", }, { diff --git a/src/pages/ChatModule/LongTextGuideCardPreview/poi.vue b/src/pages/ChatModule/LongTextGuideCardPreview/poi.vue index f29a5a2..a914006 100644 --- a/src/pages/ChatModule/LongTextGuideCardPreview/poi.vue +++ b/src/pages/ChatModule/LongTextGuideCardPreview/poi.vue @@ -19,7 +19,7 @@ diff --git a/src/pages/ChatModule/LongTextGuideCardPreview/styles/detail.scss b/src/pages/ChatModule/LongTextGuideCardPreview/styles/detail.scss index 866e8c1..e2d1804 100644 --- a/src/pages/ChatModule/LongTextGuideCardPreview/styles/detail.scss +++ b/src/pages/ChatModule/LongTextGuideCardPreview/styles/detail.scss @@ -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;