|
|
|
@ -20,7 +20,7 @@
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="hengxian"></view>
|
|
|
|
<view class="hengxian"></view>
|
|
|
|
<view class="timelist">
|
|
|
|
<view class="timelist">
|
|
|
|
<view v-for="(item,index) in dataInfo.list" @click="timeClick(item)" :class="(item.time==selectedTime)?'time selectedtime':'time'" ><span :class="(item.status==2 || item.is_lock==1)?'used':''">{{item.time.substring(0, 5)}}</span></view>
|
|
|
|
<view v-for="(item,index) in dataInfo.list" @click="timeClick(item)" :class="[(item.status==2 || item.is_lock==1)?'used':'', (item.time==selectedTime)?'selectedtime':'', 'time']">{{item.time.substring(0, 5)}}</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
@ -170,11 +170,6 @@
|
|
|
|
/* background-color: #239EA3; */
|
|
|
|
/* background-color: #239EA3; */
|
|
|
|
color: #008F96 !important;
|
|
|
|
color: #008F96 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.selectedtime{
|
|
|
|
|
|
|
|
background-color: #239EA3;
|
|
|
|
|
|
|
|
color: #fff !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.zhou_title {
|
|
|
|
.zhou_title {
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
margin-top: 6rpx;
|
|
|
|
margin-top: 6rpx;
|
|
|
|
@ -226,37 +221,32 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.timelist {
|
|
|
|
.timelist {
|
|
|
|
display: flex;
|
|
|
|
display: grid;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
grid-template-columns: repeat(6, 1fr);
|
|
|
|
justify-content: space-between;
|
|
|
|
grid-row-gap: 30px;
|
|
|
|
justify-content: flex-start;
|
|
|
|
column-gap: 0;
|
|
|
|
}
|
|
|
|
margin-top: 30px;
|
|
|
|
|
|
|
|
|
|
|
|
.timelist::after {
|
|
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
|
|
flex: auto;
|
|
|
|
|
|
|
|
/* 或者 flex: 1; */
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.time {
|
|
|
|
.time {
|
|
|
|
font-size: 28rpx;
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
|
|
line-height: 30px;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 40rpx;
|
|
|
|
border-radius: 7px;
|
|
|
|
border-radius: 14rpx;
|
|
|
|
font-size: 15px;
|
|
|
|
padding: 10rpx 16rpx;
|
|
|
|
color: #239ea3;
|
|
|
|
flex: 0 0 calc(16.3% - 32rpx);
|
|
|
|
font-weight: 600;
|
|
|
|
/* 假设一行有4个项目，减去想要的间隔 */
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
|
|
|
/* 设置右侧边距 */
|
|
|
|
|
|
|
|
color: #008F96;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.time:nth-child(6n) {
|
|
|
|
.selectedtime {
|
|
|
|
margin-right: 0;
|
|
|
|
background-color: #239ea3;
|
|
|
|
|
|
|
|
color: #fff !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.used{
|
|
|
|
|
|
|
|
color:#B5B5B6;
|
|
|
|
.used {
|
|
|
|
|
|
|
|
color: #a5a5a5;
|
|
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
岩仔88
1 month ago