代码拉取完成,页面将自动刷新
swiper
组件swiper
组件部分功能不支持,详情见uni-app 内置组件:swiper
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
defaultStart | number | monday | 周几为每周的第一天,可选值:[0~7] |
headerLineColor | string | #008080 | 头部线颜色 |
lastMonthIcon | urlString | 头部切换上月图标 | |
nextMonthIcon | urlString | 头部切换下月图标 | |
lastYearIcon | urlString | 头部切换上年图标 | |
nextYearIcon | urlString | 头部切换下年图标 | |
currentDayBgColor | string | #008080 | 当前日期背景色颜色 |
festivalColor | string | #008080 | 重要节日文字颜色 |
currentDayColor | string | #008080 | 当前日期文字颜色 |
clickItemColor | string | #00808182 | 点击日期背景颜色 |
viewType | string | month | 视图类型 可选值['month','week'] |
showHeader | boolean | true | 是否显示头部导航 |
注意:
事件名 | 说明 | 返回值 |
---|---|---|
handleCurrent | 点击日期项触发该函数 | 可通过回调参数 e 拿到该日期的详细信息 |
handleChange | 日历组件月份切换 | 可通过回调参数 e 拿到切换后的当前年月 |
@handleCurrent="handleClick"
事件,事件名可自行定义@handleChange="handleChange"
事件,事件名可自行定义值 | 类型 | 说明 |
---|---|---|
currentColor | String | 选中颜色 |
year | number | 年 |
month | Number | 阳历月 |
day | Number | 阳历日 |
type | Number | 月份所属 |
isCurrenMonth | boolean | 是否本月 |
lunarDate | Object | 农历信息,包含农历日期、节日、生肖等 详情见 @1900-2100 区间内的公历、农历互转 |
在template
中使用组件
<template>
<AtomCalendar @handleCurrent="handleClick" />
</template>
在script
中使用
<script setup lang="ts">
import AtomCalendar from "@/components/atom-calendar.vue";
const handleClick = (e: any) => {
console.log(e, "接收参数");
};
</script>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。