Commit 99130e155786f4311146fec05872edbc8d13d9bc
1 parent
ab05a8e3
店招优化
Showing
2 changed files
with
49 additions
and
47 deletions
components/diy_shopname/diy_shopname.wxml
| @@ -3,18 +3,20 @@ | @@ -3,18 +3,20 @@ | ||
| 3 | <view class="big"> | 3 | <view class="big"> |
| 4 | 4 | ||
| 5 | <view class="big_picture_border"> | 5 | <view class="big_picture_border"> |
| 6 | - <image class="big_picture" src='{{object.srcimg}}' binderror="berror" data-err="object.srcimg"></image> | 6 | + <image mode="widthFix" style="display: block;" class="big_picture" src='{{object.srcimg}}' binderror="berror" data-err="object.srcimg"></image> |
| 7 | </view> | 7 | </view> |
| 8 | <block wx:if="{{object.style==1}}"> | 8 | <block wx:if="{{object.style==1}}"> |
| 9 | 9 | ||
| 10 | - <view class="big_border"> | 10 | + <view style="position: relative; height: 150rpx;"> |
| 11 | + <view class="big_border" > | ||
| 11 | <view class="circle"> | 12 | <view class="circle"> |
| 12 | <view class="border"> | 13 | <view class="border"> |
| 13 | - <image class="wxd_ww" src='{{sto}}' bindtap="go_user"></image> | 14 | + <image class="wxd_ww" src='{{sto}}' bindtap="go_user"></image> |
| 14 | </view> | 15 | </view> |
| 15 | </view> | 16 | </view> |
| 16 | <view class="font">{{store_name}}</view> | 17 | <view class="font">{{store_name}}</view> |
| 17 | </view> | 18 | </view> |
| 19 | + </view> | ||
| 18 | 20 | ||
| 19 | <view class="all_view"> | 21 | <view class="all_view"> |
| 20 | <view class="v_item" bindtap="go_all_wares"> | 22 | <view class="v_item" bindtap="go_all_wares"> |
| @@ -36,8 +38,7 @@ | @@ -36,8 +38,7 @@ | ||
| 36 | </view> | 38 | </view> |
| 37 | </block> | 39 | </block> |
| 38 | 40 | ||
| 39 | - | ||
| 40 | - <block wx:else="{{object.style==2}}"> | 41 | + <block wx:if="{{object.style==2}}"> |
| 41 | <view class="big_border_two"> | 42 | <view class="big_border_two"> |
| 42 | <view class="circle_tow"> | 43 | <view class="circle_tow"> |
| 43 | <view class="border"> | 44 | <view class="border"> |
| @@ -48,35 +49,38 @@ | @@ -48,35 +49,38 @@ | ||
| 48 | <view class="fonts">{{store_name}}</view> | 49 | <view class="fonts">{{store_name}}</view> |
| 49 | </view> | 50 | </view> |
| 50 | </view> | 51 | </view> |
| 51 | - <view class="base_font"> | ||
| 52 | - <view class="arrange"> | ||
| 53 | - <view class="base_font_one"> | ||
| 54 | - <navigator url="/pages/goods/goodsList/goodsList" class="navi"> | ||
| 55 | - <view>{{total}}</view> | ||
| 56 | - <view>全部商品</view> | ||
| 57 | - </navigator> | ||
| 58 | - </view> | ||
| 59 | - | ||
| 60 | - <view class="base_font_one"> | ||
| 61 | - <view class="shuxian">|</view> | ||
| 62 | - <navigator url="/pages/goods/goodsList/goodsList?is_new=1" class="navi"> | ||
| 63 | - <view>{{new_total}}</view> | ||
| 64 | - <view>上新商品</view> | ||
| 65 | - </navigator> | ||
| 66 | - </view> | ||
| 67 | - | ||
| 68 | - <view class="base_font_one" bindtap="go_user"> | ||
| 69 | - <view class="shuxian">|</view> | ||
| 70 | - <view class="navi"> | ||
| 71 | - <view > | ||
| 72 | - <image class="user_pictrue_two" src='{{imghost}}/miniapp/images/numb.png'></image> | ||
| 73 | - </view> | ||
| 74 | - <view>个人中心</view> | ||
| 75 | - </view> | ||
| 76 | - </view> | ||
| 77 | - </view> | ||
| 78 | - </view> | ||
| 79 | </block> | 52 | </block> |
| 80 | </view> | 53 | </view> |
| 54 | + | ||
| 55 | + <block wx:if="{{object.style==2}}"> | ||
| 56 | + <view class="base_font"> | ||
| 57 | + <view class="arrange"> | ||
| 58 | + <view class="base_font_one"> | ||
| 59 | + <navigator url="/pages/goods/goodsList/goodsList" class="navi"> | ||
| 60 | + <view>{{total}}</view> | ||
| 61 | + <view>全部商品</view> | ||
| 62 | + </navigator> | ||
| 63 | + </view> | ||
| 64 | + | ||
| 65 | + <view class="base_font_one"> | ||
| 66 | + <view class="shuxian">|</view> | ||
| 67 | + <navigator url="/pages/goods/goodsList/goodsList?is_new=1" class="navi"> | ||
| 68 | + <view>{{new_total}}</view> | ||
| 69 | + <view>上新商品</view> | ||
| 70 | + </navigator> | ||
| 71 | + </view> | ||
| 72 | + | ||
| 73 | + <view class="base_font_one" bindtap="go_user"> | ||
| 74 | + <view class="shuxian">|</view> | ||
| 75 | + <view class="navi"> | ||
| 76 | + <view > | ||
| 77 | + <image class="user_pictrue_two" src='{{imghost}}/miniapp/images/numb.png'></image> | ||
| 78 | + </view> | ||
| 79 | + <view>个人中心</view> | ||
| 80 | + </view> | ||
| 81 | + </view> | ||
| 82 | + </view> | ||
| 83 | + </view> | ||
| 84 | + </block> | ||
| 81 | </view> | 85 | </view> |
| 82 | 86 |
components/diy_shopname/diy_shopname.wxss
| @@ -4,7 +4,7 @@ | @@ -4,7 +4,7 @@ | ||
| 4 | text-align:center; | 4 | text-align:center; |
| 5 | margin:0 auto; | 5 | margin:0 auto; |
| 6 | position: relative; | 6 | position: relative; |
| 7 | - height: 500rpx; | 7 | + /* height: 500rpx; */ |
| 8 | } | 8 | } |
| 9 | 9 | ||
| 10 | .s1_gk_a1{ | 10 | .s1_gk_a1{ |
| @@ -15,11 +15,9 @@ | @@ -15,11 +15,9 @@ | ||
| 15 | 15 | ||
| 16 | /* 圆形小图片 */ | 16 | /* 圆形小图片 */ |
| 17 | .wxd_ww { | 17 | .wxd_ww { |
| 18 | - width: 126rpx; | ||
| 19 | - height: 126rpx; | 18 | + width: 100%; |
| 19 | + height: 100%; | ||
| 20 | /* justify-content: center; */ | 20 | /* justify-content: center; */ |
| 21 | - margin-top: 20rpx; | ||
| 22 | - margin-left: 6rpx; | ||
| 23 | } | 21 | } |
| 24 | 22 | ||
| 25 | /* 小图片圆边框 */ | 23 | /* 小图片圆边框 */ |
| @@ -43,8 +41,8 @@ | @@ -43,8 +41,8 @@ | ||
| 43 | /* 设置小图片外面的view的宽高 */ | 41 | /* 设置小图片外面的view的宽高 */ |
| 44 | 42 | ||
| 45 | .circle_tow .border { | 43 | .circle_tow .border { |
| 46 | - width: 140rpx; | ||
| 47 | - height: 140rpx; | 44 | + width: 100%; |
| 45 | + height: 100%; | ||
| 48 | } | 46 | } |
| 49 | 47 | ||
| 50 | /* 小图片最大外边框 */ | 48 | /* 小图片最大外边框 */ |
| @@ -52,7 +50,7 @@ | @@ -52,7 +50,7 @@ | ||
| 52 | .big_border { | 50 | .big_border { |
| 53 | width: 192rpx; | 51 | width: 192rpx; |
| 54 | height: 214rpx; | 52 | height: 214rpx; |
| 55 | - position: relative; | 53 | + position: absolute; |
| 56 | top: -82rpx; | 54 | top: -82rpx; |
| 57 | left: 10px; | 55 | left: 10px; |
| 58 | } | 56 | } |
| @@ -69,7 +67,7 @@ | @@ -69,7 +67,7 @@ | ||
| 69 | 67 | ||
| 70 | .big_picture_border { | 68 | .big_picture_border { |
| 71 | width: 100%; | 69 | width: 100%; |
| 72 | - height: 320rpx; | 70 | + /* height: 320rpx; */ |
| 73 | } | 71 | } |
| 74 | 72 | ||
| 75 | 73 | ||
| @@ -140,9 +138,10 @@ left:-116rpx; | @@ -140,9 +138,10 @@ left:-116rpx; | ||
| 140 | .big_border_two { | 138 | .big_border_two { |
| 141 | width: 100%; | 139 | width: 100%; |
| 142 | height: 260rpx; | 140 | height: 260rpx; |
| 143 | - position: relative; | ||
| 144 | - top: -274rpx; | 141 | + position: absolute; |
| 142 | + top: -130rpx; | ||
| 145 | text-align: center; | 143 | text-align: center; |
| 144 | + margin-top: 50%; | ||
| 146 | } | 145 | } |
| 147 | 146 | ||
| 148 | /* 小图片2圆边框 */ | 147 | /* 小图片2圆边框 */ |
| @@ -189,7 +188,6 @@ left:-116rpx; | @@ -189,7 +188,6 @@ left:-116rpx; | ||
| 189 | width: 100%; | 188 | width: 100%; |
| 190 | height: 120rpx; | 189 | height: 120rpx; |
| 191 | position: relative; | 190 | position: relative; |
| 192 | - top: -250rpx; | ||
| 193 | } | 191 | } |
| 194 | /* 使里面的view纵向排列 */ | 192 | /* 使里面的view纵向排列 */ |
| 195 | .arrange{ | 193 | .arrange{ |
| @@ -223,11 +221,11 @@ left:-116rpx; | @@ -223,11 +221,11 @@ left:-116rpx; | ||
| 223 | } | 221 | } |
| 224 | .wai_zwp{ | 222 | .wai_zwp{ |
| 225 | background-color: white; | 223 | background-color: white; |
| 226 | - height: 500rpx; | 224 | + /* height: 500rpx; */ |
| 227 | } | 225 | } |
| 228 | 226 | ||
| 229 | .shopname_title_size{ font-size: 34rpx} | 227 | .shopname_title_size{ font-size: 34rpx} |
| 230 | -.big .all_view{display: flex; width: 500rpx; position:absolute; bottom:90rpx;right: 0 } | 228 | +.big .all_view{display: flex; width: 500rpx; position:absolute; bottom:rpx;right: 0 } |
| 231 | .big .all_view .v_item{width:33%; } | 229 | .big .all_view .v_item{width:33%; } |
| 232 | 230 | ||
| 233 | .big_border_two .title_center{ display: flex; justify-content: center;} | 231 | .big_border_two .title_center{ display: flex; justify-content: center;} |