diff --git a/components/diy_shopname/diy_shopname.wxml b/components/diy_shopname/diy_shopname.wxml
index 78de886..537b0f7 100644
--- a/components/diy_shopname/diy_shopname.wxml
+++ b/components/diy_shopname/diy_shopname.wxml
@@ -3,18 +3,20 @@
-
+
-
+
+
-
+
{{store_name}}
+
@@ -36,8 +38,7 @@
-
-
+
@@ -48,35 +49,38 @@
{{store_name}}
-
-
-
-
- {{total}}
- 全部商品
-
-
-
-
- |
-
- {{new_total}}
- 上新商品
-
-
-
-
- |
-
-
-
-
- 个人中心
-
-
-
-
+
+
+
+
+
+
+ {{total}}
+ 全部商品
+
+
+
+
+ |
+
+ {{new_total}}
+ 上新商品
+
+
+
+
+ |
+
+
+
+
+ 个人中心
+
+
+
+
+
diff --git a/components/diy_shopname/diy_shopname.wxss b/components/diy_shopname/diy_shopname.wxss
index 56e858c..7654f73 100644
--- a/components/diy_shopname/diy_shopname.wxss
+++ b/components/diy_shopname/diy_shopname.wxss
@@ -4,7 +4,7 @@
text-align:center;
margin:0 auto;
position: relative;
- height: 500rpx;
+ /* height: 500rpx; */
}
.s1_gk_a1{
@@ -15,11 +15,9 @@
/* 圆形小图片 */
.wxd_ww {
- width: 126rpx;
- height: 126rpx;
+ width: 100%;
+ height: 100%;
/* justify-content: center; */
- margin-top: 20rpx;
- margin-left: 6rpx;
}
/* 小图片圆边框 */
@@ -43,8 +41,8 @@
/* 设置小图片外面的view的宽高 */
.circle_tow .border {
- width: 140rpx;
- height: 140rpx;
+ width: 100%;
+ height: 100%;
}
/* 小图片最大外边框 */
@@ -52,7 +50,7 @@
.big_border {
width: 192rpx;
height: 214rpx;
- position: relative;
+ position: absolute;
top: -82rpx;
left: 10px;
}
@@ -69,7 +67,7 @@
.big_picture_border {
width: 100%;
- height: 320rpx;
+ /* height: 320rpx; */
}
@@ -140,9 +138,10 @@ left:-116rpx;
.big_border_two {
width: 100%;
height: 260rpx;
- position: relative;
- top: -274rpx;
+ position: absolute;
+ top: -130rpx;
text-align: center;
+ margin-top: 50%;
}
/* 小图片2圆边框 */
@@ -189,7 +188,6 @@ left:-116rpx;
width: 100%;
height: 120rpx;
position: relative;
- top: -250rpx;
}
/* 使里面的view纵向排列 */
.arrange{
@@ -223,11 +221,11 @@ left:-116rpx;
}
.wai_zwp{
background-color: white;
- height: 500rpx;
+ /* height: 500rpx; */
}
.shopname_title_size{ font-size: 34rpx}
-.big .all_view{display: flex; width: 500rpx; position:absolute; bottom:90rpx;right: 0 }
+.big .all_view{display: flex; width: 500rpx; position:absolute; bottom:rpx;right: 0 }
.big .all_view .v_item{width:33%; }
.big_border_two .title_center{ display: flex; justify-content: center;}