diff --git a/buyer/src/api/member.js b/buyer/src/api/member.js index 7465e123..7cce873e 100644 --- a/buyer/src/api/member.js +++ b/buyer/src/api/member.js @@ -158,7 +158,7 @@ export function addEvaluation (params) { url: `/buyer/member/evaluation`, method: Method.POST, needToken: true, - params + data: params }); } diff --git a/buyer/src/assets/styles/global-layout.scss b/buyer/src/assets/styles/global-layout.scss index efd02a2c..08e02376 100644 --- a/buyer/src/assets/styles/global-layout.scss +++ b/buyer/src/assets/styles/global-layout.scss @@ -18,5 +18,8 @@ } // 与 CateNav 商品分类栏、Carousel 左占位一致的列宽 +$index-main-width: 1200px; $index-side-col-width: 263.2px; $index-col-gap: 10px; +// 1200 - 263.2*2 - 10*2 = 653.6px +$index-center-col-width: $index-main-width - ($index-side-col-width * 2) - ($index-col-gap * 2); diff --git a/buyer/src/components/goodsDetail/Promotion.vue b/buyer/src/components/goodsDetail/Promotion.vue index 9051263e..16dc2b4f 100644 --- a/buyer/src/components/goodsDetail/Promotion.vue +++ b/buyer/src/components/goodsDetail/Promotion.vue @@ -3,7 +3,12 @@
秒杀活动
-

倒计时:

{{ hours }}{{ minutes }}{{ seconds }} + 倒计时: + {{ hours }} + : + {{ minutes }} + : + {{ seconds }}
{{end}}
@@ -89,36 +94,35 @@ export default { font-size: 13px; } .count-down { - margin-right: -20px; - p{ - float: left; - line-height: 20px; + display: flex; + align-items: center; + gap: 4px; + font-size: 13px; + line-height: 1; + + .count-down-label { + flex-shrink: 0; + white-space: nowrap; } - > span { - position: relative; - float: left; - width: 20px; + + .count-down-num { + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 20px; height: 20px; - text-align: center; + padding: 0 2px; background-color: #2f3430; - margin-right: 20px; - color: white; + color: #fff; font-size: 14px; - line-height: 20px; - &::after { - content: ":"; - display: block; - position: absolute; - right: -20px; - font-weight: bolder; - font-size: 14px; - width: 20px; - height: 100%; - top: 0; - } + line-height: 1; + border-radius: 2px; } - > span:last-child::after { - content: ""; + + .count-down-colon { + font-weight: bold; + font-size: 14px; + line-height: 1; } } diff --git a/buyer/src/components/goodsDetail/ShowGoodsDetail.vue b/buyer/src/components/goodsDetail/ShowGoodsDetail.vue index 63909e4a..e4c4d177 100644 --- a/buyer/src/components/goodsDetail/ShowGoodsDetail.vue +++ b/buyer/src/components/goodsDetail/ShowGoodsDetail.vue @@ -69,7 +69,12 @@

{{ item.reply }}

-
+
diff --git a/buyer/src/components/header/Header.vue b/buyer/src/components/header/Header.vue index 1a3c8c49..b5ee1b5a 100644 --- a/buyer/src/components/header/Header.vue +++ b/buyer/src/components/header/Header.vue @@ -226,7 +226,7 @@ export default { height: 100%; } -.nav ul { +.nav > ul { list-style: none; margin: 0; padding: 0; @@ -234,10 +234,11 @@ export default { align-items: center; } -.nav li { +.nav > ul > li, +.location > ul.flex > li { cursor: pointer; float: none; - line-height: 1; + line-height: 36px; margin-right: 15px; display: flex; align-items: center; @@ -331,6 +332,7 @@ export default { .username-p { position: relative; + z-index: 100; div { cursor: pointer; @@ -345,59 +347,71 @@ export default { .drop-items { position: absolute; display: none; - top: 45px; - left: 0; - right: 0; - margin: 0 auto; - padding: 5px 10px; - z-index: 20; - height: 150px; + flex-direction: column; + top: calc(100% + 10px); + left: 50%; + transform: translateX(-50%); + margin: 0; + padding: 4px 0; + z-index: 1000; + min-width: 100px; + width: max-content; background-color: #fff; - width: 80px; border: 1px solid #eee; - box-shadow: 2px 2px 7px #999; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); + list-style: none; li { - color: rgb(107, 106, 106); + display: block; + float: none; width: 100%; - border-bottom: 1px solid rgb(207, 206, 206); + margin: 0; + padding: 8px 16px; + line-height: 1.4; + color: #666; + font-size: 13px; font-weight: normal; text-align: center; + white-space: nowrap; + border-bottom: 1px solid #f0f0f0; + box-sizing: border-box; &:last-child { - border: none; + border-bottom: none; } &:hover { cursor: pointer; color: $theme_color; + background-color: #fff7f7; } } &::before { position: absolute; - top: -20px; - left: 30px; + top: -6px; + left: 50%; + transform: translateX(-50%); content: ''; width: 0; height: 0; - border: 10px solid #999; - border-color: transparent transparent #fff transparent; + border: 6px solid transparent; + border-bottom-color: #fff; } &::after { content: ''; position: absolute; - width: 80px; - height: 20px; - top: -20px; + width: 100%; + height: 10px; + top: -10px; left: 0; } } &:hover { .drop-items { - display: block; + display: flex; } } } diff --git a/buyer/src/components/indexDecorate/ModelForm.vue b/buyer/src/components/indexDecorate/ModelForm.vue index c6b0f359..a7700c51 100644 --- a/buyer/src/components/indexDecorate/ModelForm.vue +++ b/buyer/src/components/indexDecorate/ModelForm.vue @@ -38,6 +38,7 @@ export default {