antissoft / antis-greenway

  <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>