diff --git a/src/pages/cabinet/index.vue b/src/pages/cabinet/index.vue index f635771..6132628 100644 --- a/src/pages/cabinet/index.vue +++ b/src/pages/cabinet/index.vue @@ -6,11 +6,12 @@
-
- -
{{ shop.shopName }}
-
-
+ +
+ +
{{ shop.shopName }}
+
+
@@ -341,19 +342,25 @@ onBeforeUnmount(() => { } .shop-item { - height: 60px !important; - padding: 12px; + height: auto !important; + padding: 0; background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); transition: transform 0.2s; + .shop-cover-img { + width: 100%; + height: 80px; + object-fit: cover; + } + .shop-info { display: flex; align-items: center; justify-content: start; - height: 100%; + padding: 12px; } .shop-name { @@ -366,7 +373,6 @@ onBeforeUnmount(() => { display: flex; align-items: center; justify-content: center; - height: 100%; } } } diff --git a/src/pages/product/ProductList.vue b/src/pages/product/ProductList.vue index 48ccaff..ce53893 100644 --- a/src/pages/product/ProductList.vue +++ b/src/pages/product/ProductList.vue @@ -220,6 +220,7 @@ async function handleAb98Bind() {
+
{{ shop.shopName }}
@@ -579,8 +580,8 @@ async function handleAb98Bind() { } .shop-item { - height: 60px !important; - padding: 12px; + height: auto !important; + padding: 0; background: white; border-radius: 8px; overflow: hidden; @@ -591,7 +592,12 @@ async function handleAb98Bind() { display: flex; align-items: center; justify-content: start; - height: 100%; + padding: 12px; + } + .shop-cover-img { + width: 100%; + height: 80px; + object-fit: cover; } .shop-name {