advertisementTime.vue
1.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<template>
<view class="page">
<view class="calendar-box">
<wn-calendar
ref="calendar"
:data="[{date:'2024/10/25', text:'显示文本', type: 2}]"
:isBorder="false"
:isLess="false"
:colors="['#f3a73f', '#2979ff', '#8f939c', '#18bc37', '#e43d33']"
:isEn="false"
format="/"
></wn-calendar>
</view>
<u-form class="form-box" labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
<view class="add-list">
<u-form-item label="开始时间" prop="val" borderBottom>
<u-input v-model="model1.val" ></u-input>
</u-form-item>
</view>
<view class="add-list">
<u-form-item label="结束时间" prop="val" borderBottom>
<u-input v-model="model1.val" ></u-input>
</u-form-item>
</view>
<view class="btns">
<u-button size="medium">1天</u-button>
<u-button size="medium">2天</u-button>
<u-button size="medium">3天</u-button>
<u-button size="medium">4天</u-button>
</view>
</u-form>
<view style="height: 120rpx;"></view>
<view class="page-footer">
<u-button type="success">确定</u-button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
model1: {
val: '',
},
rules: {},
}
},
methods: {
// 点击日数方法
clickActive({year, month, date, index}){
console.log(year, month, date, index)
},
// 点击任务方法
clickTask({row, index}){
console.log(row, index)
}
}
}
</script>
<style>
@import 'advertisementTime.scss';
</style>