From c9c263dc43ad90f95f24a036cee9e6b47afb596c Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期六, 21 十二月 2024 18:44:20 +0800
Subject: [PATCH] 新建盐城德森项目
---
uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item.vue | 370 ++++++++++++++++++++++++++--------------------------
1 files changed, 185 insertions(+), 185 deletions(-)
diff --git a/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item.vue b/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item.vue
index b57610f..68853e1 100644
--- a/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item.vue
+++ b/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item.vue
@@ -1,185 +1,185 @@
-<template>
- <view class="uni-calendar-item__weeks-box" :class="{
- 'uni-calendar-item--disable':weeks.disable,
- 'uni-calendar-item--before-checked-x':weeks.beforeMultiple,
- 'uni-calendar-item--multiple': weeks.multiple,
- 'uni-calendar-item--after-checked-x':weeks.afterMultiple,
- }" @click="choiceDate(weeks)" @mouseenter="handleMousemove(weeks)">
- <view class="uni-calendar-item__weeks-box-item" :class="{
- 'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && (calendar.userChecked || !checkHover),
- 'uni-calendar-item--checked-range-text': checkHover,
- 'uni-calendar-item--before-checked':weeks.beforeMultiple,
- 'uni-calendar-item--multiple': weeks.multiple,
- 'uni-calendar-item--after-checked':weeks.afterMultiple,
- 'uni-calendar-item--disable':weeks.disable,
- }">
- <text v-if="selected&&weeks.extraInfo" class="uni-calendar-item__weeks-box-circle"></text>
- <text class="uni-calendar-item__weeks-box-text uni-calendar-item__weeks-box-text-disable uni-calendar-item--checked-text">{{weeks.date}}</text>
- </view>
- <view :class="{'uni-calendar-item--isDay': weeks.isDay}"></view>
- </view>
-</template>
-
-<script>
- export default {
- props: {
- weeks: {
- type: Object,
- default () {
- return {}
- }
- },
- calendar: {
- type: Object,
- default: () => {
- return {}
- }
- },
- selected: {
- type: Array,
- default: () => {
- return []
- }
- },
- lunar: {
- type: Boolean,
- default: false
- },
- checkHover: {
- type: Boolean,
- default: false
- }
- },
- methods: {
- choiceDate(weeks) {
- this.$emit('change', weeks)
- },
- handleMousemove(weeks) {
- this.$emit('handleMouse', weeks)
- }
- }
- }
-</script>
-
-<style lang="scss" scoped>
- .uni-calendar-item__weeks-box {
- flex: 1;
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: column;
- justify-content: center;
- align-items: center;
- margin: 1px 0;
- position: relative;
- }
-
- .uni-calendar-item__weeks-box-text {
- font-size: 14px;
- // font-family: Lato-Bold, Lato;
- font-weight: bold;
- color: #455997;
- }
-
- .uni-calendar-item__weeks-lunar-text {
- font-size: 12px;
- color: #333;
- }
-
- .uni-calendar-item__weeks-box-item {
- position: relative;
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: column;
- justify-content: center;
- align-items: center;
- width: 40px;
- height: 40px;
- /* #ifdef H5 */
- cursor: pointer;
- /* #endif */
- }
-
-
- .uni-calendar-item__weeks-box-circle {
- position: absolute;
- top: 5px;
- right: 5px;
- width: 8px;
- height: 8px;
- border-radius: 8px;
- background-color: #dd524d;
-
- }
-
- .uni-calendar-item__weeks-box .uni-calendar-item--disable {
- // background-color: rgba(249, 249, 249, $uni-opacity-disabled);
- cursor: default;
- }
-
- .uni-calendar-item--disable .uni-calendar-item__weeks-box-text-disable {
- color: #D1D1D1;
- }
-
- .uni-calendar-item--isDay {
- position: absolute;
- top: 10px;
- right: 17%;
- background-color: #dd524d;
- width:6px;
- height: 6px;
- border-radius: 50%;
- }
-
- .uni-calendar-item--extra {
- color: #dd524d;
- opacity: 0.8;
- }
-
- .uni-calendar-item__weeks-box .uni-calendar-item--checked {
- background-color: #007aff;
- border-radius: 50%;
- box-sizing: border-box;
- border: 3px solid #fff;
- }
-
- .uni-calendar-item--checked .uni-calendar-item--checked-text {
- color: #fff;
- }
-
- .uni-calendar-item--multiple .uni-calendar-item--checked-range-text {
- color: #333;
- }
-
- .uni-calendar-item--multiple {
- background-color: #F6F7FC;
- // color: #fff;
- }
-
- .uni-calendar-item--multiple .uni-calendar-item--before-checked,
- .uni-calendar-item--multiple .uni-calendar-item--after-checked {
- background-color: #409eff;
- border-radius: 50%;
- box-sizing: border-box;
- border: 3px solid #F6F7FC;
- }
-
- .uni-calendar-item--before-checked .uni-calendar-item--checked-text,
- .uni-calendar-item--after-checked .uni-calendar-item--checked-text {
- color: #fff;
- }
-
- .uni-calendar-item--before-checked-x {
- border-top-left-radius: 50px;
- border-bottom-left-radius: 50px;
- box-sizing: border-box;
- background-color: #F6F7FC;
- }
-
- .uni-calendar-item--after-checked-x {
- border-top-right-radius: 50px;
- border-bottom-right-radius: 50px;
- background-color: #F6F7FC;
- }
-</style>
+<template>
+ <view class="uni-calendar-item__weeks-box" :class="{
+ 'uni-calendar-item--disable':weeks.disable,
+ 'uni-calendar-item--before-checked-x':weeks.beforeMultiple,
+ 'uni-calendar-item--multiple': weeks.multiple,
+ 'uni-calendar-item--after-checked-x':weeks.afterMultiple,
+ }" @click="choiceDate(weeks)" @mouseenter="handleMousemove(weeks)">
+ <view class="uni-calendar-item__weeks-box-item" :class="{
+ 'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && (calendar.userChecked || !checkHover),
+ 'uni-calendar-item--checked-range-text': checkHover,
+ 'uni-calendar-item--before-checked':weeks.beforeMultiple,
+ 'uni-calendar-item--multiple': weeks.multiple,
+ 'uni-calendar-item--after-checked':weeks.afterMultiple,
+ 'uni-calendar-item--disable':weeks.disable,
+ }">
+ <text v-if="selected&&weeks.extraInfo" class="uni-calendar-item__weeks-box-circle"></text>
+ <text class="uni-calendar-item__weeks-box-text uni-calendar-item__weeks-box-text-disable uni-calendar-item--checked-text">{{weeks.date}}</text>
+ </view>
+ <view :class="{'uni-calendar-item--isDay': weeks.isDay}"></view>
+ </view>
+</template>
+
+<script>
+ export default {
+ props: {
+ weeks: {
+ type: Object,
+ default () {
+ return {}
+ }
+ },
+ calendar: {
+ type: Object,
+ default: () => {
+ return {}
+ }
+ },
+ selected: {
+ type: Array,
+ default: () => {
+ return []
+ }
+ },
+ lunar: {
+ type: Boolean,
+ default: false
+ },
+ checkHover: {
+ type: Boolean,
+ default: false
+ }
+ },
+ methods: {
+ choiceDate(weeks) {
+ this.$emit('change', weeks)
+ },
+ handleMousemove(weeks) {
+ this.$emit('handleMouse', weeks)
+ }
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+ .uni-calendar-item__weeks-box {
+ flex: 1;
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ margin: 1px 0;
+ position: relative;
+ }
+
+ .uni-calendar-item__weeks-box-text {
+ font-size: 14px;
+ // font-family: Lato-Bold, Lato;
+ font-weight: bold;
+ color: #455997;
+ }
+
+ .uni-calendar-item__weeks-lunar-text {
+ font-size: 12px;
+ color: #333;
+ }
+
+ .uni-calendar-item__weeks-box-item {
+ position: relative;
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 40px;
+ height: 40px;
+ /* #ifdef H5 */
+ cursor: pointer;
+ /* #endif */
+ }
+
+
+ .uni-calendar-item__weeks-box-circle {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ width: 8px;
+ height: 8px;
+ border-radius: 8px;
+ background-color: #dd524d;
+
+ }
+
+ .uni-calendar-item__weeks-box .uni-calendar-item--disable {
+ // background-color: rgba(249, 249, 249, $uni-opacity-disabled);
+ cursor: default;
+ }
+
+ .uni-calendar-item--disable .uni-calendar-item__weeks-box-text-disable {
+ color: #D1D1D1;
+ }
+
+ .uni-calendar-item--isDay {
+ position: absolute;
+ top: 10px;
+ right: 17%;
+ background-color: #dd524d;
+ width:6px;
+ height: 6px;
+ border-radius: 50%;
+ }
+
+ .uni-calendar-item--extra {
+ color: #dd524d;
+ opacity: 0.8;
+ }
+
+ .uni-calendar-item__weeks-box .uni-calendar-item--checked {
+ background-color: #007aff;
+ border-radius: 50%;
+ box-sizing: border-box;
+ border: 3px solid #fff;
+ }
+
+ .uni-calendar-item--checked .uni-calendar-item--checked-text {
+ color: #fff;
+ }
+
+ .uni-calendar-item--multiple .uni-calendar-item--checked-range-text {
+ color: #333;
+ }
+
+ .uni-calendar-item--multiple {
+ background-color: #F6F7FC;
+ // color: #fff;
+ }
+
+ .uni-calendar-item--multiple .uni-calendar-item--before-checked,
+ .uni-calendar-item--multiple .uni-calendar-item--after-checked {
+ background-color: #409eff;
+ border-radius: 50%;
+ box-sizing: border-box;
+ border: 3px solid #F6F7FC;
+ }
+
+ .uni-calendar-item--before-checked .uni-calendar-item--checked-text,
+ .uni-calendar-item--after-checked .uni-calendar-item--checked-text {
+ color: #fff;
+ }
+
+ .uni-calendar-item--before-checked-x {
+ border-top-left-radius: 50px;
+ border-bottom-left-radius: 50px;
+ box-sizing: border-box;
+ background-color: #F6F7FC;
+ }
+
+ .uni-calendar-item--after-checked-x {
+ border-top-right-radius: 50px;
+ border-bottom-right-radius: 50px;
+ background-color: #F6F7FC;
+ }
+</style>
--
Gitblit v1.9.1