/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[4]!./src/components/calendar/index.scss ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .common_safe_area_y { width: 100%; height: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ height: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */ } .hoverClass { -webkit-filter: brightness(70%); filter: brightness(70%); } .full-100 { width: 100%; height: 100%; } /** * Default variables */ /** * Mixes a color with white. It's different from lighten() * * @param {color} $color * @param {number (percentage)} $percent [The amout of white to be mixed in] * @return {color} * * @example * .element { * background-color: tint(#6ecaa6 , 40%); * } * * // CSS Output * .element { * background-color: #a8dfc9; * } */ /* The Color of O2Team Brand */ /* Color */ /* Color Palette */ /* Text Color */ /* Link */ /* 背景色 */ /* 边框颜色 */ /* 图标颜色 */ /* Border Radius */ /* 透明度 */ /* Font */ /* Line Height */ /* 水平间距 */ /* 垂直间距 */ /* 图标尺寸 */ /* z-index */ /* timing function */ /** * CSS cubic-bezier timing functions * http://bourbon.io/docs/#timing-functions */ /** * 组件变量 */ /* Accordion */ /* Activity Indicator */ /* Avatar */ /* Badge */ /* Button */ /* Float Button */ /* Calendar */ /* Card */ /* Checkbox */ /* Countdown */ /* Curtain */ /* Divider */ /* Drawer */ /* FloatLayout */ /* Grid */ /* ImagePicker */ /* Indexes */ /* InputNumber */ /* Input */ /* List */ /* LoadMore */ /* Loading */ /* Message */ /* Modal */ /* NavBar */ /* NoticeBar */ /* Pagination */ /* Progress */ /* Radio */ /* Range */ /* Rate */ /* SearchBar */ /* SegmentedControl */ /* Slider */ /* Steps */ /* SwipeAction */ /* Switch */ /* TabBar */ /* Tabs */ /* Tag */ /* Textarea */ /* Timeline */ /** * Mixins */ /* library */ /** * Mixes a color with white. It's different from lighten() * * @param {color} $color * @param {number (percentage)} $percent [The amout of white to be mixed in] * @return {color} * * @example * .element { * background-color: tint(#6ecaa6 , 40%); * } * * // CSS Output * .element { * background-color: #a8dfc9; * } */ /* Flex Item */ .at-calendar { overflow: hidden; /* elements */ } .at-calendar__header .header__flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-align: center; height: 72rpx; color: #B8BFC6; text-align: center; } .at-calendar__header .header__flex-item { -webkit-flex: 0 0 14.2857142857%; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; -webkit-box-flex: 0 0 14.2857142857%; font-size: 30rpx; } .at-calendar__list.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-align: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #7C86A2; } .at-calendar__list.flex .flex__item { -webkit-flex: 0 0 14.2857142857%; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; -webkit-box-flex: 0 0 14.2857142857%; font-size: 30rpx; text-align: center; position: relative; margin: 5rpx 0; } .at-calendar__list.flex .flex__item-container { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 72rpx; height: 72rpx; margin-left: auto; margin-right: auto; border-radius: 50%; } .at-calendar__list.flex .flex__item-container .container-text { -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; } .at-calendar__list.flex .flex__item .today-mark { position: absolute; bottom: -2rpx; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #4581ff; font-size: 20rpx; } .at-calendar__list.flex .flex__item-extra .extra-marks { position: absolute; bottom: 5rpx; line-height: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .at-calendar__list.flex .flex__item-extra .extra-marks .mark { width: 8rpx; height: 8rpx; margin-right: 4rpx; display: inline-block; background-color: #eaf2ff; border-radius: 50%; overflow: hidden; } .at-calendar__list.flex .flex__item-extra .extra-marks .mark:last-child { margin-right: 0; } .at-calendar__list.flex .flex__item--today { color: #337fff; font-weight: bolder; } .at-calendar__list.flex .flex__item--blur { color: #e1e4e7; } .at-calendar__list.flex .flex__item--selected { color: #333437; background-color: #eaf2ff; /* stylelint-disable-next-line */ } .at-calendar__list.flex .flex__item--selected-row-end { border-top-right-radius: 20rpx; border-bottom-right-radius: 20rpx; } .at-calendar__list.flex .flex__item--selected-row-start { border-top-left-radius: 20rpx; border-bottom-left-radius: 20rpx; } .at-calendar__list.flex .flex__item--selected-head { border-top-left-radius: 20rpx; border-bottom-left-radius: 20rpx; } .at-calendar__list.flex .flex__item--selected-tail { border-top-right-radius: 20rpx; border-bottom-right-radius: 20rpx; } .at-calendar__list.flex .flex__item--selected-head-cover, .at-calendar__list.flex .flex__item--selected-tail-cover { color: white; border-radius: 20rpx; background-color: #4581ff; } .at-calendar__list.flex .flex__item--selected .today-mark { color: inherit; } .at-calendar__list.flex .flex__item--selected .extra-marks .mark { background-color: white; } .at-calendar__controller { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: center; margin-bottom: 20rpx; } .at-calendar__controller .controller__arrow { -webkit-flex: 0 0 40rpx; -ms-flex: 0 0 40rpx; flex: 0 0 40rpx; -webkit-box-flex: 0 0 40rpx; height: 40rpx; border-radius: 12rpx; display: inline-block; background-size: 16rpx 24rpx; background-position: center; background-color: #f7f8fc; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAnFJREFUOBGVVF1rE0EUnXt3tzFtWmqjKYKfqIhVa1L8FQVRWtwnXwRhidXGDwQf81oCUQMioZRCHwNSgiD4lD9QSYVKsA8KbaW1jbamX8adnWsmMnESbYz7cs6ee8/ZnZm7y9h/Xk/Gs70TE9lOZQNFWsGx1IvDJoozxNDttNpmHOfyTssBj59PHxceP6keREDlYPvBGUMJzTD5LHuKhHtC70EEQe72atMAIoLu0MWzRPxInZnEdxZib2I37L2XEI/HsSvYd44AQrqZIW5b3J8fHR0sS/2ve5DJZIzFFexnSD262QAs+c1js45zyVU6KqIwnU5bS58x0mhGhusbaz153Sw9dW+QSr3yCdwJe4wCKlCigbAWiw7PAYDQdclrAclkxk8+iDBifr3JMq3lO86VQsVMuq549RQSU687mOcNANE+VfiFxuLd6NX3e5llD8qjskqb54E8n24mk5Yf3B6ab2auBsgGC8Q7QOJ1AS6ExrSZ12s6r57CyIi99cNgswywtkkIzDB2eSSdftmuGxp57RgfOfY38HlvRWVNqgmYsDb57sDkZK5hb1RHZQ9+U8bu37S/MtOc0zUg8G2U1yOV4WrTdcXrAqT4MDq0yokXVINEwb32pS9WOJfLmboueW0OGgtP05mj3IXTum6iuXHogDtr27an9D/eQBVijr2AiB/VvUQuePenNXZBfmhKrxEl6Hjv1vAHA2lJ1wRBcH9vf5+cH6k3DZANsei1eWCwIrm6uOf1Jsenq8v7Z4ActFJxrsBMo6gC0GAebPHq/Z6bqJoVyn/EQpGFK08MmF2B/Oj1wZKqtYzxeM5MJKY6dMNPQnnePR8FubkAAAAASUVORK5CYII=); } .at-calendar__controller .controller__arrow--right { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .at-calendar__controller .controller__arrow--disabled { opacity: 0.5; } .at-calendar__controller .controller__info { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-flex: 0 0 auto; font-size: 30rpx; margin-left: 40rpx; margin-right: 40rpx; } .at-calendar-slider__main .main__body { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .at-calendar-slider__main .main__body--animate { -webkit-transition: -webkit-transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1); transition: -webkit-transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1); -o-transition: transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1); transition: transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1); transition: transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1); } .at-calendar-slider__main .main__body .body__slider { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-flex: 0 0 100%; } .at-calendar-slider__main--weapp .main__body, .at-calendar-slider__main--swan .main__body { height: 480rpx; }