增加状态管理持久化插件,提取日期选择,时间选择,周期选择为公共组件
This commit is contained in:
57
components/my-components/my-week-sel.vue
Normal file
57
components/my-components/my-week-sel.vue
Normal file
@@ -0,0 +1,57 @@
|
||||
<template>
|
||||
<view>
|
||||
<up-checkbox-group v-model="selectedWeek" :options="week">
|
||||
<up-checkbox
|
||||
:customStyle="customStyle"
|
||||
v-for="item in week"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:name="item.value"
|
||||
:label="item.value"
|
||||
>{{ item.name }}</up-checkbox>
|
||||
</up-checkbox-group>
|
||||
</view>
|
||||
</template>
|
||||
<script setup>
|
||||
import { ref } from "vue";
|
||||
|
||||
const customStyle={
|
||||
marginRight: '40rpx',
|
||||
marginBottom: '16rpx',
|
||||
}
|
||||
|
||||
const selectedWeek=defineModel({
|
||||
type: Array,
|
||||
default: () => [],
|
||||
});
|
||||
const week = ref([
|
||||
{
|
||||
name: "周一",
|
||||
value:"周一",
|
||||
},
|
||||
{
|
||||
name: "周二",
|
||||
value:"周二",
|
||||
},
|
||||
{
|
||||
name: "周三",
|
||||
value:"周三",
|
||||
},
|
||||
{
|
||||
name: "周四",
|
||||
value:"周四",
|
||||
},
|
||||
{
|
||||
name: "周五",
|
||||
value:"周五",
|
||||
},
|
||||
{
|
||||
name: "周六",
|
||||
value:"周六",
|
||||
},
|
||||
{
|
||||
name: "周日",
|
||||
value:"周日",
|
||||
},
|
||||
]);
|
||||
</script>
|
||||
Reference in New Issue
Block a user