diff --git a/buyer/src/components/header/Header.vue b/buyer/src/components/header/Header.vue index 0c621781..efc10cba 100644 --- a/buyer/src/components/header/Header.vue +++ b/buyer/src/components/header/Header.vue @@ -2,26 +2,10 @@
-
+
@@ -117,112 +92,107 @@ @@ -263,7 +233,8 @@ export default { margin-right: 15px; font-weight: bold; } -.nav a,.nav-item { +.nav a, +.nav-item { text-decoration: none; padding-left: 15px; border-left: 1px solid #ccc; @@ -406,7 +377,7 @@ export default { .sign-out p { font-size: 12px; } -.cart-icon{ +.cart-icon { padding: 0 6px; } .goods-title:hover { diff --git a/buyer/src/pages/Cart.vue b/buyer/src/pages/Cart.vue index fc7c3f0c..3f860097 100644 --- a/buyer/src/pages/Cart.vue +++ b/buyer/src/pages/Cart.vue @@ -59,7 +59,7 @@
{{shop.promotionNotice}}
@@ -544,7 +547,7 @@ export default { width: 70px; height: 70px; } - >div>p { + > div > p { @include content_color($light_content_color); font-size: 13px; text-align: left; @@ -567,12 +570,12 @@ export default { } } } - .error-goods{ + .error-goods { position: absolute; width: 100%; height: 100%; margin-left: -20px; - background-color: rgba($color: #999, $alpha: .5); + background-color: rgba($color: #999, $alpha: 0.5); z-index: 10; display: flex; align-items: center; @@ -603,7 +606,7 @@ export default { .save-price span { color: #000; } - .total-price span { + .total-price div { color: $theme_color; font-size: 20px; } @@ -651,23 +654,31 @@ export default { display: flex; margin-top: 5px; margin-left: 5px; - >span{ + > span { border: 1px solid $theme_color; color: $theme_color; font-size: 12px; border-radius: 2px; padding: 0 2px; } - >p{ + > p { font-size: 12px; margin-left: 10px; color: #999; } } - +.cart-goods-footer > div{ + display: flex; + align-items: center; + overflow: hidden; +} +.total-price{ + display: flex; + align-items: center; +}