From ee04a02cb6d0925ccb58be3eb7b73d2a70871d26 Mon Sep 17 00:00:00 2001 From: linxi Date: Tue, 3 Sep 2024 17:27:07 +0800 Subject: [PATCH] =?UTF-8?q?Style(=E8=B4=AD=E7=89=A9=E8=BD=A6)=EF=BC=9AUI?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/v12-style.less | 13 +++ components/CheckboxIcon.vue | 8 +- pages.json | 1 + pages/cart.vue | 142 +++++++++++++++++++++----------- pages/home/index.vue | 2 +- static/tabbar/icon-cart-hot.png | Bin 2292 -> 1027 bytes static/tabbar/icon-home.png | Bin 3212 -> 656 bytes static/tabbar/icon-user.png | Bin 2516 -> 934 bytes 8 files changed, 111 insertions(+), 55 deletions(-) diff --git a/assets/css/v12-style.less b/assets/css/v12-style.less index bf38100..94dc2f5 100644 --- a/assets/css/v12-style.less +++ b/assets/css/v12-style.less @@ -17,6 +17,9 @@ each(@colors, { .v12-@{classname}-text{ color: @color !important; } + .v12-@{classname}-border{ + border: 1px solid @color !important; + } }); /*===================字体大小======================*/ @@ -100,6 +103,8 @@ each(@colors, { .generateRadius(100); /*=========================================*/ +/*====================flex 函数表达式=====================*/ + .v12-d-flex{ display: flex !important; } @@ -110,6 +115,14 @@ each(@colors, { display: flex; align-items: center; } +.v12-align-start{ + display: flex; + align-items: start; +} +.v12-align-end{ + display: flex; + align-items: end; +} .v12-justify-center{ display: flex; justify-content: center; diff --git a/components/CheckboxIcon.vue b/components/CheckboxIcon.vue index 1ff67c1..e50fab9 100644 --- a/components/CheckboxIcon.vue +++ b/components/CheckboxIcon.vue @@ -1,6 +1,7 @@ @@ -43,7 +44,7 @@ export default { width: 32rpx; height: 32rpx; box-sizing: border-box; - border: 2rpx solid #D5D7D8; + border: 2px solid #D5D7D8; border-radius: 50%; } @@ -53,7 +54,6 @@ export default { } .isSelected { - border: 3px solid #FD5749; - background: #FD5749; + border: 3px solid #C52733; } \ No newline at end of file diff --git a/pages.json b/pages.json index ce30577..50f12b8 100644 --- a/pages.json +++ b/pages.json @@ -836,6 +836,7 @@ }, "tabBar": { "color": "#8B8F99", + "custom": true, "selectedColor": "#FF564A", "borderStyle": "black", "backgroundColor": "#ffffff", diff --git a/pages/cart.vue b/pages/cart.vue index e4059db..f764b2d 100644 --- a/pages/cart.vue +++ b/pages/cart.vue @@ -41,49 +41,51 @@ class="store-cover" mode="scaleToFill" /> - {{ item['merName'] }} + {{ item['merName'] }} - 进店逛逛 - + - - - + + + + + {{ good['productInfo']['storeName'] }} 规格:{{ good['productInfo']['attrInfo']['sku'] }} + - - {{ good['truePrice'] }} + + {{ good['truePrice'] }} @@ -139,13 +149,15 @@ :mark="[-1]" @change="onChange" /> - 全选({{ selectCount }}) + 全选({{ selectCount }}) - 合计: - ¥{{ total }} + + 合计: + + {{ total }} - 结算 + 结算