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;}