wxd / MShopWeApp

Commit 99130e155786f4311146fec05872edbc8d13d9bc

Authored by yvan.ni
1 parent ab05a8e3

店招优化

Inline Side-by-side
Showing 2 changed files with 49 additions and 47 deletions
components/diy_shopname/diy_shopname.wxml
  View file @99130e1
... ... @@ -3,18 +3,20 @@
3 3 <view class="big">
4 4  
5 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 7 </view>
8 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 12 <view class="circle">
12 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 15 </view>
15 16 </view>
16 17 <view class="font">{{store_name}}</view>
17 18 </view>
  19 + </view>
18 20  
19 21 <view class="all_view">
20 22 <view class="v_item" bindtap="go_all_wares">
... ... @@ -36,8 +38,7 @@
36 38 </view>
37 39 </block>
38 40  
39   -
40   - <block wx:else="{{object.style==2}}">
  41 + <block wx:if="{{object.style==2}}">
41 42 <view class="big_border_two">
42 43 <view class="circle_tow">
43 44 <view class="border">
... ... @@ -48,35 +49,38 @@
48 49 <view class="fonts">{{store_name}}</view>
49 50 </view>
50 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 52 </block>
80 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 85 </view>
82 86  
... ...
components/diy_shopname/diy_shopname.wxss
  View file @99130e1
... ... @@ -4,7 +4,7 @@
4 4 text-align:center;
5 5 margin:0 auto;
6 6 position: relative;
7   - height: 500rpx;
  7 + /* height: 500rpx; */
8 8 }
9 9  
10 10 .s1_gk_a1{
... ... @@ -15,11 +15,9 @@
15 15  
16 16 /* 圆形小图片 */
17 17 .wxd_ww {
18   - width: 126rpx;
19   - height: 126rpx;
  18 + width: 100%;
  19 + height: 100%;
20 20 /* justify-content: center; */
21   - margin-top: 20rpx;
22   - margin-left: 6rpx;
23 21 }
24 22  
25 23 /* 小图片圆边框 */
... ... @@ -43,8 +41,8 @@
43 41 /* 设置小图片外面的view的宽高 */
44 42  
45 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 50 .big_border {
53 51 width: 192rpx;
54 52 height: 214rpx;
55   - position: relative;
  53 + position: absolute;
56 54 top: -82rpx;
57 55 left: 10px;
58 56 }
... ... @@ -69,7 +67,7 @@
69 67  
70 68 .big_picture_border {
71 69 width: 100%;
72   - height: 320rpx;
  70 + /* height: 320rpx; */
73 71 }
74 72  
75 73  
... ... @@ -140,9 +138,10 @@ left:-116rpx;
140 138 .big_border_two {
141 139 width: 100%;
142 140 height: 260rpx;
143   - position: relative;
144   - top: -274rpx;
  141 + position: absolute;
  142 + top: -130rpx;
145 143 text-align: center;
  144 + margin-top: 50%;
146 145 }
147 146  
148 147 /* 小图片2圆边框 */
... ... @@ -189,7 +188,6 @@ left:-116rpx;
189 188 width: 100%;
190 189 height: 120rpx;
191 190 position: relative;
192   - top: -250rpx;
193 191 }
194 192 /* 使里面的view纵向排列 */
195 193 .arrange{
... ... @@ -223,11 +221,11 @@ left:-116rpx;
223 221 }
224 222 .wai_zwp{
225 223 background-color: white;
226   - height: 500rpx;
  224 + /* height: 500rpx; */
227 225 }
228 226  
229 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 229 .big .all_view .v_item{width:33%; }
232 230  
233 231 .big_border_two .title_center{ display: flex; justify-content: center;}
... ...