/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@tarojs/webpack5-runner/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 */ background-color: transparent; } .flex-col { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .flex-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .justify-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .items-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-item { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .full-100 { width: 100%; height: 100%; } .color-blue { color: #3287EC; } .color-yellow { color: #FF9100; } .color-green { color: #00B837; } .color-grey { color: #707070; } .color-white { color: white; } .s-w::after { content: "W"; font-size: 28rpx; } .s-e::after { content: "E"; font-size: 28rpx; } .filter { -webkit-filter: blur(1); filter: blur(1); } @font-face { font-family: "iconfont"; /* Project id 3619513 */ src: url(/styles/iconfont.ttf?t=1663556335905) format("truetype"); } .iconfont { font-family: "iconfont" !important; font-size: 16rpx; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-shouhou1:before { content: "\e641"; } .icon-cangku1:before { content: "\e642"; } .icon-saoma:before { content: "\e643"; } .icon-dizhi1:before { content: "\e644"; } .icon-huodaofukuan:before { content: "\e645"; } .icon-yufukuan1:before { content: "\e646"; } .icon-yue:before { content: "\e647"; } .icon-zidingyi:before { content: "\e648"; } .icon-jinetiaozheng:before { content: "\e649"; } .icon-tuikuan1:before { content: "\e64a"; } .icon-zhankai:before { content: "\e63f"; } .icon-shouqi:before { content: "\e640"; } .icon-lujing:before { content: "\e63e"; } .icon-jizhumima:before { content: "\e63c"; } .icon-a-jizhumima:before { content: "\e63d"; } .icon-weixindenglu:before { content: "\e63b"; } .icon-kehuxinxi:before { content: "\e63a"; } .icon-yewuyuanqizi:before { content: "\e639"; } .icon-chakanquanbukehu:before { content: "\e638"; } .icon-biyan:before { content: "\e637"; } .icon-bianji:before { content: "\e61e"; } .icon-daikuan:before { content: "\e61f"; } .icon-cangku:before { content: "\e620"; } .icon-guanlidingdan:before { content: "\e621"; } .icon-mima:before { content: "\e622"; } .icon-guanbi:before { content: "\e623"; } .icon-jianshao:before { content: "\e624"; } .icon-dingwei:before { content: "\e625"; } .icon-saomiao:before { content: "\e626"; } .icon-peihuo:before { content: "\e627"; } .icon-shaixuan:before { content: "\e628"; } .icon-paiming:before { content: "\e629"; } .icon-shanchusousuoxinxi:before { content: "\e62a"; } .icon-shijian:before { content: "\e62b"; } .icon-sousuo:before { content: "\e62c"; } .icon-shouhou:before { content: "\e62d"; } .icon-sousuofanhui:before { content: "\e62e"; } .icon-sousuoshanchu:before { content: "\e62f"; } .icon-tuikuan:before { content: "\e630"; } .icon-tishi:before { content: "\e631"; } .icon-xianxiahuizong:before { content: "\e632"; } .icon-xinzeng:before { content: "\e633"; } .icon-yonghuming:before { content: "\e634"; } .icon-yanjing:before { content: "\e635"; } .icon-yufukuan:before { content: "\e636"; } .icon-wodekefu:before { content: "\e60c"; } .icon-dizhi:before { content: "\e60d"; } .icon-shouhouzhongxin:before { content: "\e60e"; } .icon-wodeshoucang:before { content: "\e60f"; } .icon-shoukuanliebiao:before { content: "\e610"; } .icon-madanguanli:before { content: "\e611"; } .icon-qusechazhao:before { content: "\e612"; } .icon-pandiansaoma:before { content: "\e613"; } .icon-yaoqingma:before { content: "\e614"; } .icon-duizhang:before { content: "\e615"; } .icon-tihuoliebiao:before { content: "\e616"; } .icon-yangpinduibi:before { content: "\e617"; } .icon-yansequyang:before { content: "\e618"; } .icon-fahuoliebiao:before { content: "\e619"; } .icon-yuncangkucun:before { content: "\e61a"; } .icon-xiaoshou:before { content: "\e61b"; } .icon-qianzhicangkucun:before { content: "\e61c"; } .icon-lingquseka:before { content: "\e61d"; } .icon-gouwu1:before { content: "\e608"; } .icon-dingdan1:before { content: "\e609"; } .icon-gerenzhongxin1:before { content: "\e60a"; } .icon-shouye1:before { content: "\e60b"; } .icon-gerenzhongxin:before { content: "\e604"; } .icon-dingdan:before { content: "\e605"; } .icon-shouye:before { content: "\e606"; } .icon-gouwu:before { content: "\e607"; } /** * 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-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: #337fff; 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: white; background-color: #337fff; /* stylelint-disable-next-line */ } .at-calendar__list.flex .flex__item--selected-head { border-top-left-radius: 40rpx; border-bottom-left-radius: 40rpx; } .at-calendar__list.flex .flex__item--selected-tail { border-top-right-radius: 40rpx; border-bottom-right-radius: 40rpx; } .at-calendar__list.flex .flex__item--selected .extra-marks .mark { background-color: white; } .at-calendar__list.flex .flex__item--selected-head.flex__item--selected-tail { background-color: transparent; } .at-calendar__list.flex .flex__item--selected-head.flex__item--selected-tail .flex__item-container { background-color: rgba(51, 127, 255, 0.7); } .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; }