自定义导航的显示，小程序优化

yvan.ni
1 parent 1f6b85f7
Showing 3 changed files with 8 additions and 6 deletions
components/diy_nav/diy_nav.wxml
components/diy_nav/diy_nav.wxss
components/diy_nav/diy_nav_part1.wxml
@@ -3,11 +3,11 @@
 <block wx:if="{{object.style==1}}">
     <view class="{{object.seticon==1?'big':object.seticon==2?'big_one_two':'big_border_three'}}">
         <block wx:for="{{nav_list}}">
-            <navigator url="{{item.wxapp_url}}" class="s1_gk_a1"
+            <navigator style="width:{{100/nav_list.length}}%;" url="{{item.wxapp_url}}" class="s1_gk_a1"
 						   wx:if="{{g_filter.has_char(item.wxapp_url,'plugin')>=0}}">
                  <include src="diy_nav_part1.wxml" />
             </navigator>
-						<view data-url="{{item.wxapp_url}}" class="s1_gk_a1" bindtap="go_url" wx:else>
+						<view style="width:{{100/nav_list.length}}%;" data-url="{{item.wxapp_url}}" class="s1_gk_a1" bindtap="go_url" wx:else>
                  <include src="diy_nav_part1.wxml" />
             </view>
         </block>
@@ -7,6 +7,7 @@
   height: auto;
   margin: 0rpx auto;
   text-align: center;
+  display: flex;
 }
  
 .s1_gk_a1 {
@@ -47,8 +48,8 @@
 /* 图片2的大框 */
  
 .big_one_two {
-  display: inline-block;
-  /* display: flex; */
+  /* display: inline-block; */
+   display: flex; 
   width: 100%;
   min-height: 122rpx;
   height: auto;
@@ -92,8 +93,9 @@
  
 .big_border_three {
   display: flex;
-  widows: 100%;
+  width: 100%;
   height: 108rpx;
+  
 }
  
 /* 图片的边框 */
- <view style='width:{{100/nav_list.length}}%;background-color: {{item.bgcolor}};'
+ <view style='width:100%; background-color: {{item.bgcolor}};'
                     class="{{object.seticon==1?'big_view_one':object.seticon==2?'big_view_two':'bicder_picture'}}">
                     <block wx:if="{{item.navicon==null}}">
                         <image style='width:{{object.sliderExample*2}}rpx;height:{{object.sliderExample*2}}rpx;'