|
@@ -17,23 +17,30 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="main day" v-if="currents == 0">
|
|
<view class="main day" v-if="currents == 0">
|
|
- <view class="main-item tab" v-for="(item, index) in listTabsType" :key="index"
|
|
|
|
- :class="{ tabActive: tabCurrents == index }" @click="tabClick(2, index, item.type)">
|
|
|
|
- <view class="text">{{ item.name }}</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120">
|
|
|
|
+ <view class="main-item tab" v-for="(item, index) in listTabsType" :key="index"
|
|
|
|
+ :class="{ tabActive: tabCurrents == index }" @click="tabClick(2, index, item.type)">
|
|
|
|
+ <view class="text">{{ item.name }}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </scroll-view>
|
|
</view>
|
|
</view>
|
|
<view class="main day" v-if="currents == 1">
|
|
<view class="main day" v-if="currents == 1">
|
|
- <view class="main-item tab small" v-for="(item, index) in listNoTbasType" :key="index"
|
|
|
|
- :class="{ tabActive: tabCurrents == index }" @click="tabClick(3, index, item.type)">
|
|
|
|
- <view class="text">{{ item.name }}</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120">
|
|
|
|
+ <view class="main-item tab small" v-for="(item, index) in listNoTbasType" :key="index"
|
|
|
|
+ :class="{ tabActive: tabCurrents == index }" @click="tabClick(3, index, item.type)">
|
|
|
|
+ <view class="text">{{ item.name }}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </scroll-view>
|
|
</view>
|
|
</view>
|
|
<view class="main day" v-if="currents == 2 || currents == 3">
|
|
<view class="main day" v-if="currents == 2 || currents == 3">
|
|
- <view class="main-item tab" v-for="(item, index) in listReturnType" :key="index"
|
|
|
|
- :class="{ tabActive: tabCurrents == index }" @click="tabClick(2, index, item.type)">
|
|
|
|
- <view class="text">{{ item.name }}</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120">
|
|
|
|
+ <view class="main-item tab" v-for="(item, index) in listReturnType" :key="index"
|
|
|
|
+ :class="{ tabActive: tabCurrents == index }" @click="tabClick(2, index, item.type)">
|
|
|
|
+ <view class="text">{{ item.name }}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </scroll-view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
<tui-skeleton v-if="skeletonShow" backgroundColor="#fafafa" borderRadius="10rpx" :isLoading ="true" :loadingType="7"></tui-skeleton>
|
|
<tui-skeleton v-if="skeletonShow" backgroundColor="#fafafa" borderRadius="10rpx" :isLoading ="true" :loadingType="7"></tui-skeleton>
|
|
<view class="user-section" v-else :style="{
|
|
<view class="user-section" v-else :style="{
|
|
@@ -639,9 +646,10 @@
|
|
position: fixed;
|
|
position: fixed;
|
|
z-index: 999;
|
|
z-index: 999;
|
|
border-radius: 0 0 10rpx 10rpx;
|
|
border-radius: 0 0 10rpx 10rpx;
|
|
|
|
+
|
|
&.day {
|
|
&.day {
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
- padding: 20rpx 24rpx;
|
|
|
|
|
|
+ padding: 20rpx 0rpx;
|
|
box-shadow: 0 10rpx 10rpx 0 rgba(86, 119, 252, 0.2);
|
|
box-shadow: 0 10rpx 10rpx 0 rgba(86, 119, 252, 0.2);
|
|
}
|
|
}
|
|
|
|
|
|
@@ -658,10 +666,15 @@
|
|
height: 80rpx;
|
|
height: 80rpx;
|
|
|
|
|
|
&.day {
|
|
&.day {
|
|
- height: 70rpx;
|
|
|
|
|
|
+ height: 80rpx;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- padding: 20rpx 0;
|
|
|
|
|
|
+ padding: 20rpx 10rpx;
|
|
border-top: 1px solid #efefef;
|
|
border-top: 1px solid #efefef;
|
|
|
|
+ .scroll-view_H {
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
&.one {}
|
|
&.one {}
|
|
@@ -709,7 +722,7 @@
|
|
width: auto;
|
|
width: auto;
|
|
border-radius: 8rpx;
|
|
border-radius: 8rpx;
|
|
background: #f7f7f7;
|
|
background: #f7f7f7;
|
|
- margin: 0 10rpx;
|
|
|
|
|
|
+ margin: 0 5rpx;
|
|
padding: 0 18rpx;
|
|
padding: 0 18rpx;
|
|
.text {
|
|
.text {
|
|
width: 100%;
|
|
width: 100%;
|