|
|
@@ -3,13 +3,7 @@
|
|
|
<view class="nut-timedetail__detail nut-timedetail__detail--moring">
|
|
|
<!-- <view class="nut-timedetail__detail__time">上午</view> -->
|
|
|
<view class="nut-timedetail__detail__list">
|
|
|
- <view
|
|
|
- :class="getClass(item)"
|
|
|
- v-for="item in renderData"
|
|
|
- :key="item"
|
|
|
- @click="handleTime(item)"
|
|
|
- >{{ item }}</view
|
|
|
- >
|
|
|
+ <view :class="getClass(item)" v-for="item in renderData" :key="item" @click="handleTime(item)">{{ item }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -52,22 +46,17 @@ export default create({
|
|
|
});
|
|
|
|
|
|
const getClass = (item: string) => {
|
|
|
- let find = state.currentTime.find(
|
|
|
- (item: any) => item.key == state.currentKey
|
|
|
- );
|
|
|
+ let find = state.currentTime.find((item: any) => item.key == state.currentKey);
|
|
|
if (find) {
|
|
|
return {
|
|
|
'nut-timedetail__detail__list__item': true,
|
|
|
- 'nut-timedetail__detail__list__item--curr':
|
|
|
- find.list.filter((value: string) => value === item).length > 0
|
|
|
+ 'nut-timedetail__detail__list__item--curr': find.list.filter((value: string) => value === item).length > 0
|
|
|
};
|
|
|
}
|
|
|
};
|
|
|
|
|
|
const renderData = computed(() => {
|
|
|
- return props.times.find((time: any) => time.key == state.currentKey)[
|
|
|
- 'list'
|
|
|
- ];
|
|
|
+ return props.times.find((time: any) => time.key == state.currentKey)['list'];
|
|
|
});
|
|
|
|
|
|
const handleTime = (time: string) => {
|
|
|
@@ -84,6 +73,3 @@ export default create({
|
|
|
}
|
|
|
});
|
|
|
</script>
|
|
|
-<style lang="scss" scoped>
|
|
|
-@import 'index.scss';
|
|
|
-</style>
|