taocan ui fix

@@ -22,6 +22,7 @@ Page({
     App.Foodset.GetFoodsetList({sid:options.sid}).then(res=>{
     App.Foodset.GetFoodsetList({sid:options.sid}).then(res=>{
       let packs={}
       let packs={}
       res.data.some(r=>{
       res.data.some(r=>{
+        r.nameSub=r.name.length>6?(r.name.substr(0,6)+'…'):r.name;
         r['包间可用']=r.service.indexOf('包间可用')>-1;
         r['包间可用']=r.service.indexOf('包间可用')>-1;
         r['免预约']=r.service.indexOf('免预约')>-1;
         r['免预约']=r.service.indexOf('免预约')>-1;
         r['随时退']=r.service.indexOf('随时退')>-1;
         r['随时退']=r.service.indexOf('随时退')>-1;

 <!--pages/taocan/index.wxml-->
 <!--pages/taocan/index.wxml-->
 <wxs src="../../utils/util.wxs" module="util" />
 <wxs src="../../utils/util.wxs" module="util" />
 <nav hasHome>套餐详情</nav>
 <nav hasHome>套餐详情</nav>
+<!--
 <swiper
 <swiper
         display-multiple-items="3"
         display-multiple-items="3"
         class="view margin-left-lg header text-black"
         class="view margin-left-lg header text-black"
@@ -17,7 +18,21 @@
         </swiper-item>
         </swiper-item>
     </block>
     </block>
 </swiper>
 </swiper>
-<view class="view" style="padding-bottom: 150rpx;padding-top: 70rpx;">
+-->
+<scroll-view class="view margin-left-lg header text-black"
+             scroll-x="true" bindscroll="scroll"
+             style="width: 100%;white-space: nowrap;height:80rpx;padding-top: 16rpx;">
+    <block wx:for="{{packs}}" wx:key="*this">
+        <view
+                bindtap="touchTab" data-id="{{item.id}}" data-index="{{index}}"
+                class="view swiper-item {{activityId==item.id?'active':''}} flex align-center">
+            <view class="txt-32-h swiper-item-txt">
+                {{item.nameSub}}
+            </view>
+        </view>
+    </block>
+</scroll-view>
+<view class="view" style="padding-bottom: 150rpx;padding-top: 80rpx;">
     <view class="view box margin-lr margin-top-lg margin-bottom-sm padding">
     <view class="view box margin-lr margin-top-lg margin-bottom-sm padding">
         <view class="view txt-40-h text-bold">{{packs[activityId].name}}</view>
         <view class="view txt-40-h text-bold">{{packs[activityId].name}}</view>
         <view class="view flex align-end">
         <view class="view flex align-end">

 /* pages/taocan/index.wxss */
 /* pages/taocan/index.wxss */
 @import "../../colorui/main.wxss";
 @import "../../colorui/main.wxss";
+.swiper-item{
+    display: inline-block;
+    margin-right: 80rpx;
+    min-width: 60rpx;
+}
+.swiper-item:last-child{
+    padding-right: 40rpx;
+}
 .swiper-item-txt{
 .swiper-item-txt{
     position: relative;
     position: relative;
 }
 }

 <!--pages/taocan/detail.wxml-->
 <!--pages/taocan/detail.wxml-->
 <wxs src="../../utils/util.wxs" module="util" />
 <wxs src="../../utils/util.wxs" module="util" />
 <view class="view bg-blue-img"></view>
 <view class="view bg-blue-img"></view>
-<nav backgroundColor="rgba(0,0,0,0)" color="#ffffff"></nav>
+<nav hasHome backgroundColor="rgba(0,0,0,0)" color="#ffffff"></nav>
 <view class="view padding-lr padding-bottom-lg" style="position: relative">
 <view class="view padding-lr padding-bottom-lg" style="position: relative">
     <view class="text-white txt-40-h text-bold margin-top-sm">{{order_tips.status}}</view>
     <view class="text-white txt-40-h text-bold margin-top-sm">{{order_tips.status}}</view>
     <view class="text-white txt-28-h margin-bottom-lg" style="margin-top: 6rpx;">{{order_tips.info}}</view>
     <view class="text-white txt-28-h margin-bottom-lg" style="margin-top: 6rpx;">{{order_tips.info}}</view>

 <!--pages/taocan/orderHis.wxml-->
 <!--pages/taocan/orderHis.wxml-->
 <wxs src="../../utils/util.wxs" module="util" />
 <wxs src="../../utils/util.wxs" module="util" />
-<nav>套餐详情</nav>
+<nav hasHome>套餐详情</nav>
 <view class="text-orange txt-28-h padding-lr-lg tips">发生交易纠纷时，此页面可作为判断依据。</view>
 <view class="text-orange txt-28-h padding-lr-lg tips">发生交易纠纷时，此页面可作为判断依据。</view>
 <view class="view" style="padding-bottom: 150rpx;">
 <view class="view" style="padding-bottom: 150rpx;">
     <view class="view box margin-lr margin-top-lg margin-bottom-sm padding">
     <view class="view box margin-lr margin-top-lg margin-bottom-sm padding">