fixui

@@ -11,7 +11,8 @@ Page({
   data: {
   data: {
     seller:{},
     seller:{},
     IsCollectionSeller:false,
     IsCollectionSeller:false,
-    pagesHeight:'auto'
+    pagesHeight:'auto',
+    current:0,
   },
   },
 
 
   /**
   /**
@@ -212,4 +213,9 @@ Page({
   shareUserinfo(){
   shareUserinfo(){
     util.toast('授权成功，请继续分享','none');
     util.toast('授权成功，请继续分享','none');
   },
   },
+  bindtransition(e){
+    this.setData({
+      current:e.detail.current
+    })
+  },
 })
 })

@@ -13,18 +13,25 @@
             </swiper-item>
             </swiper-item>
         </block>
         </block>
     </swiper>
     </swiper>
+    <cover-view class="slogan" wx:if="{{seller.slogan}}">
+        <cover-view class="slogan-view flex-ll">
+            <cover-view class="dot"></cover-view>
+            <cover-view>{{seller.slogan}}</cover-view>
+        </cover-view>
+    </cover-view>
+    <cover-view class="swiper-num" wx:if="{{seller.envi_image.length>0}}">{{current+1}} / {{seller.envi_image.length}}</cover-view>
 </view>
 </view>
 <view class="pages" style="height: {{pagesHeight}};overflow:{{pagesHeight=='auto'?'visible':'hidden'}}">
 <view class="pages" style="height: {{pagesHeight}};overflow:{{pagesHeight=='auto'?'visible':'hidden'}}">
     <view class="seller">
     <view class="seller">
         <view class="base flex-vc">
         <view class="base flex-vc">
             <view class="name">{{seller.sellername}}</view>
             <view class="name">{{seller.sellername}}</view>
-            <view class="slogan" wx:if="{{seller.slogan}}">“{{seller.slogan}}”</view>
             <view class="ping flex-cc">
             <view class="ping flex-cc">
                 <view class="item flex-lr fen">
                 <view class="item flex-lr fen">
                     <stat stat="{{seller.score}}"></stat>
                     <stat stat="{{seller.score}}"></stat>
                 </view>
                 </view>
                 <view class="item" wx:if="{{seller.cate.length>0}}">{{seller.cate[0]}}</view>
                 <view class="item" wx:if="{{seller.cate.length>0}}">{{seller.cate[0]}}</view>
                 <view class="item" wx:if="{{seller.average>0}}">人均{{seller.average}}元</view>
                 <view class="item" wx:if="{{seller.average>0}}">人均{{seller.average}}元</view>
+                <view class="item" wx:if="{{seller.room_num>0}}">{{seller.room_num}}个包间</view>
             </view>
             </view>
             <view class="peitao flex-cc">
             <view class="peitao flex-cc">
                 <view class="icon meal_fee" wx:if="{{seller.is_meal_fee!=0}}">
                 <view class="icon meal_fee" wx:if="{{seller.is_meal_fee!=0}}">
@@ -71,7 +78,7 @@
         <view class="addr" bindtap="lookLocation">
         <view class="addr" bindtap="lookLocation">
             <view class="addr-text flex-ll">
             <view class="addr-text flex-ll">
                 <image src="http://qn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image>
                 <image src="http://qn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image>
-                <view>{{seller.real_address||seller.map_address}}</view>
+                <view class="text">{{seller.real_address||seller.map_address}}</view>
             </view>
             </view>
             <view class="addr-long">{{seller.distanceStr?'距您当前位置'+seller.distanceStr:''}}</view>
             <view class="addr-long">{{seller.distanceStr?'距您当前位置'+seller.distanceStr:''}}</view>
         </view>
         </view>

@@ -9,6 +9,7 @@
 .seller-banner{
 .seller-banner{
   width: 100%;
   width: 100%;
   height: 500rpx;
   height: 500rpx;
+  position: relative;
 }
 }
 .seller-banner swiper,.seller-banner swiper-item{
 .seller-banner swiper,.seller-banner swiper-item{
   height: 100%;
   height: 100%;
@@ -34,12 +35,6 @@
   margin-bottom: 10rpx;
   margin-bottom: 10rpx;
   overflow: hidden;
   overflow: hidden;
 }
 }
-.slogan{
-  font-size: 26rpx;
-  height: 36rpx;
-  line-height: 36rpx;
-  margin-top: 10rpx;
-}
 .base .ping,.base .peitao{
 .base .ping,.base .peitao{
   height: 34rpx;
   height: 34rpx;
   line-height: 34rpx;
   line-height: 34rpx;
@@ -109,6 +104,10 @@
   line-height: 42rpx;
   line-height: 42rpx;
   margin-top: 34rpx;
   margin-top: 34rpx;
 }
 }
+.addr-text .text{
+  white-space: nowrap;
+  overflow: hidden;
+}
 .addr-text image{
 .addr-text image{
   width: 24rpx;
   width: 24rpx;
   height: 28rpx;
   height: 28rpx;
@@ -332,4 +331,39 @@
   width: 12rpx;
   width: 12rpx;
   height: 40rpx;
   height: 40rpx;
   background-size: 100% 100%;
   background-size: 100% 100%;
+}
+.slogan{
+  position:absolute;
+  right:0rpx;
+  bottom: 0rpx;
+  background-color: rgba(0,0,0,0.39);
+  color: #FFFFFF;
+  font-size: 26rpx;
+  width: 100%;
+}
+.slogan-view{
+  height: 80rpx;
+  line-height: 80rpx;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.slogan .dot{
+  width: 8rpx;
+  height: 8rpx;
+  background-color: #fff;
+  border-radius: 50%;
+  margin: 0 20rpx;
+}
+.swiper-num{
+  position:absolute;
+  right:20rpx;
+  bottom: 20rpx;
+  background-color: rgba(0,0,0,0.60);
+  color: #FFFFFF;
+  font-size: 24rpx;
+  height: 40rpx;
+  line-height: 40rpx;
+  padding: 0 10rpx;
+  border-radius: 20rpx;
 }
 }