From 2f2919d91fd1bb787c4312d85c2dab26b58a7386 Mon Sep 17 00:00:00 2001 From: zyronon Date: Mon, 11 Mar 2024 18:55:17 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/shop/GoodsDetail.vue | 71 +++++++++++++++++++++++++++------- 1 file changed, 58 insertions(+), 13 deletions(-) diff --git a/src/pages/shop/GoodsDetail.vue b/src/pages/shop/GoodsDetail.vue index a75bf24..b05500f 100644 --- a/src/pages/shop/GoodsDetail.vue +++ b/src/pages/shop/GoodsDetail.vue @@ -22,6 +22,17 @@
{{ state.index + 1 }}/{{ state.detail.imgs.length }}
+
+
+
+ + 8 + .8 +
+
+
{{ state.detail.name }}
+
已售20/100
+
@@ -181,8 +192,52 @@ const state = reactive({ .content { //background: rgb(247, 247, 249); - background: gray; - padding: 5rem; + background: #f1f1f1; + padding: 8rem; + border-radius: 16rem 16rem 0 0; + transform: translateY(-20rem); + + .info { + padding: 0 8rem; + + .price-wrap { + margin-bottom: 10rem; + .price { + color: red; + font-weight: bold; + + .symbol { + font-size: 16rem; + } + + .int { + font-size: 26rem; + } + + .decimal { + letter-spacing: 2px; + font-size: 20rem; + } + } + } + + .name { + color: black; + font-size: 16rem; + margin-bottom: 8rem; + @lh: 18rem; + line-height: @lh; + height: @lh * 2; + overflow: hidden; + font-weight: bold; + letter-spacing: 1rem; + } + + .num { + font-size: 12rem; + color: gray; + } + } .card { margin: 5rem; @@ -302,17 +357,7 @@ const state = reactive({ } } - .title { - color: black; - font-size: 16rem; - margin-bottom: 8rem; - @lh: 18rem; - line-height: @lh; - height: @lh * 2; - overflow: hidden; - font-weight: bold; - letter-spacing: 1rem; - } + } }