/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .l-liquid[data-v-269ddf93] { position: relative; border-radius: var(--l-liquid-border-radius, var(--l-border-radius-hg, 999px)); box-sizing: border-box; overflow: hidden; width: var(--l-liquid-size, 125px); height: var(--l-liquid-size, 125px); background: var(--l-liquid-bg-color, transprent); display: flex; } .l-liquid--outline[data-v-269ddf93] { padding: var(--l-liquid-border-distance, 6px); border: var(--l-liquid-border-width, 6px) solid var(--l-liquid-border-color, #3283ff); } .l-liquid__inner[data-v-269ddf93] { position: relative; flex: 1; border-radius: var(--l-liquid-inner-border-radius, var(--l-liquid-border-radius, var(--l-border-radius-hg, 999px))); overflow: hidden; background-color: var(--l-liquid-inner-bg-color, rgba(50, 131, 255, 0.1)); } .l-liquid__inner-drawable[data-v-269ddf93] { flex: 1; justify-content: center; align-items: center; } .l-liquid__value[data-v-269ddf93] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; justify-content: center; align-items: center; } .l-liquid__waves[data-v-269ddf93] { position: absolute; left: 0; width: 100%; height: 100%; transform: translateY(var(--l-liquid-percent)); overflow: visible; transition-property: transform; transition-duration: 200ms; } .l-liquid .wave[data-v-269ddf93] { position: absolute; left: 0; top: 0; height: 200%; width: 200%; animation: wave-269ddf93 2500ms linear infinite; background: var(--l-liquid-wave-color, #3283ff); opacity: 1; -webkit-clip-path: polygon(0% 50%, 2.22222% 51.472%, 4.44444% 52.4967%, 6.66667% 52.7626%, 8.88889% 52.1889%, 11.1111% 50.9501%, 13.3333% 49.4225%, 15.5556% 48.0704%, 17.7778% 47.3047%, 20% 47.3582%, 22.2222% 48.2145%, 24.4444% 49.6134%, 26.6667% 51.1298%, 28.8889% 52.3029%, 31.1111% 52.7761%, 33.3333% 52.4056%, 35.5556% 51.3041%, 37.7778% 49.8062%, 40% 48.3673%, 42.2222% 47.4245%, 44.4444% 47.2644%, 46.6667% 47.9357%, 48.8889% 49.2343%, 51.1111% 50.7657%, 53.3333% 52.0643%, 55.5556% 52.7356%, 57.7778% 52.5755%, 60% 51.6327%, 62.2222% 50.1938%, 64.4444% 48.6959%, 66.6667% 47.5944%, 68.8889% 47.2239%, 71.1111% 47.6971%, 73.3333% 48.8702%, 75.5556% 50.3866%, 77.7778% 51.7855%, 80% 52.6418%, 82.2222% 52.6953%, 84.4444% 51.9296%, 86.6667% 50.5775%, 88.8889% 49.0499%, 91.1111% 47.8111%, 93.3333% 47.2374%, 95.5556% 47.5033%, 97.7778% 48.528%, 100% 50%, 100% 100%, 0% 100%, 0% 0%); clip-path: polygon(0% 50%, 2.22222% 51.472%, 4.44444% 52.4967%, 6.66667% 52.7626%, 8.88889% 52.1889%, 11.1111% 50.9501%, 13.3333% 49.4225%, 15.5556% 48.0704%, 17.7778% 47.3047%, 20% 47.3582%, 22.2222% 48.2145%, 24.4444% 49.6134%, 26.6667% 51.1298%, 28.8889% 52.3029%, 31.1111% 52.7761%, 33.3333% 52.4056%, 35.5556% 51.3041%, 37.7778% 49.8062%, 40% 48.3673%, 42.2222% 47.4245%, 44.4444% 47.2644%, 46.6667% 47.9357%, 48.8889% 49.2343%, 51.1111% 50.7657%, 53.3333% 52.0643%, 55.5556% 52.7356%, 57.7778% 52.5755%, 60% 51.6327%, 62.2222% 50.1938%, 64.4444% 48.6959%, 66.6667% 47.5944%, 68.8889% 47.2239%, 71.1111% 47.6971%, 73.3333% 48.8702%, 75.5556% 50.3866%, 77.7778% 51.7855%, 80% 52.6418%, 82.2222% 52.6953%, 84.4444% 51.9296%, 86.6667% 50.5775%, 88.8889% 49.0499%, 91.1111% 47.8111%, 93.3333% 47.2374%, 95.5556% 47.5033%, 97.7778% 48.528%, 100% 50%, 100% 100%, 0% 100%, 0% 0%); } .l-liquid .wave.two[data-v-269ddf93] { opacity: 0.3; animation: wave-269ddf93 2500ms linear -612ms infinite; } @keyframes wave-269ddf93 { to { transform: translateX(-50%); } } .container[data-v-0e645258] { width: 30px; height: 30px; position: relative; } .container.loading1[data-v-0e645258] { transform: rotate(45deg); } .container .shape[data-v-0e645258] { position: absolute; width: 10px; height: 10px; border-radius: 1px; } .container .shape.shape1[data-v-0e645258] { left: 0; background-color: #1890FF; } .container .shape.shape2[data-v-0e645258] { right: 0; background-color: #91CB74; } .container .shape.shape3[data-v-0e645258] { bottom: 0; background-color: #FAC858; } .container .shape.shape4[data-v-0e645258] { bottom: 0; right: 0; background-color: #EE6666; } .loading1 .shape1[data-v-0e645258] { animation: animation1shape1-0e645258 0.5s ease 0s infinite alternate; } @keyframes animation1shape1-0e645258 { from { transform: translate(0, 0); } to { transform: translate(16px, 16px); } } .loading1 .shape2[data-v-0e645258] { animation: animation1shape2-0e645258 0.5s ease 0s infinite alternate; } @keyframes animation1shape2-0e645258 { from { transform: translate(0, 0); } to { transform: translate(-16px, 16px); } } .loading1 .shape3[data-v-0e645258] { animation: animation1shape3-0e645258 0.5s ease 0s infinite alternate; } @keyframes animation1shape3-0e645258 { from { transform: translate(0, 0); } to { transform: translate(16px, -16px); } } .loading1 .shape4[data-v-0e645258] { animation: animation1shape4-0e645258 0.5s ease 0s infinite alternate; } @keyframes animation1shape4-0e645258 { from { transform: translate(0, 0); } to { transform: translate(-16px, -16px); } } .container[data-v-3df48dc2] { width: 30px; height: 30px; position: relative; } .container.loading2[data-v-3df48dc2] { transform: rotate(10deg); } .container.loading2 .shape[data-v-3df48dc2] { border-radius: 5px; } .container.loading2[data-v-3df48dc2]{ animation: rotation 1s infinite; } .container .shape[data-v-3df48dc2] { position: absolute; width: 10px; height: 10px; border-radius: 1px; } .container .shape.shape1[data-v-3df48dc2] { left: 0; background-color: #1890FF; } .container .shape.shape2[data-v-3df48dc2] { right: 0; background-color: #91CB74; } .container .shape.shape3[data-v-3df48dc2] { bottom: 0; background-color: #FAC858; } .container .shape.shape4[data-v-3df48dc2] { bottom: 0; right: 0; background-color: #EE6666; } .loading2 .shape1[data-v-3df48dc2] { animation: animation2shape1-3df48dc2 0.5s ease 0s infinite alternate; } @keyframes animation2shape1-3df48dc2 { from { transform: translate(0, 0); } to { transform: translate(20px, 20px); } } .loading2 .shape2[data-v-3df48dc2] { animation: animation2shape2-3df48dc2 0.5s ease 0s infinite alternate; } @keyframes animation2shape2-3df48dc2 { from { transform: translate(0, 0); } to { transform: translate(-20px, 20px); } } .loading2 .shape3[data-v-3df48dc2] { animation: animation2shape3-3df48dc2 0.5s ease 0s infinite alternate; } @keyframes animation2shape3-3df48dc2 { from { transform: translate(0, 0); } to { transform: translate(20px, -20px); } } .loading2 .shape4[data-v-3df48dc2] { animation: animation2shape4-3df48dc2 0.5s ease 0s infinite alternate; } @keyframes animation2shape4-3df48dc2 { from { transform: translate(0, 0); } to { transform: translate(-20px, -20px); } } .container[data-v-27a8293c] { width: 30px; height: 30px; position: relative; } .container.loading3[data-v-27a8293c] { animation: rotation 1s infinite; } .container.loading3 .shape1[data-v-27a8293c] { border-top-left-radius: 10px; } .container.loading3 .shape2[data-v-27a8293c] { border-top-right-radius: 10px; } .container.loading3 .shape3[data-v-27a8293c] { border-bottom-left-radius: 10px; } .container.loading3 .shape4[data-v-27a8293c] { border-bottom-right-radius: 10px; } .container .shape[data-v-27a8293c] { position: absolute; width: 10px; height: 10px; border-radius: 1px; } .container .shape.shape1[data-v-27a8293c] { left: 0; background-color: #1890FF; } .container .shape.shape2[data-v-27a8293c] { right: 0; background-color: #91CB74; } .container .shape.shape3[data-v-27a8293c] { bottom: 0; background-color: #FAC858; } .container .shape.shape4[data-v-27a8293c] { bottom: 0; right: 0; background-color: #EE6666; } .loading3 .shape1[data-v-27a8293c] { animation: animation3shape1-27a8293c 0.5s ease 0s infinite alternate; } @keyframes animation3shape1-27a8293c { from { transform: translate(0, 0); } to { transform: translate(5px, 5px); } } .loading3 .shape2[data-v-27a8293c] { animation: animation3shape2-27a8293c 0.5s ease 0s infinite alternate; } @keyframes animation3shape2-27a8293c { from { transform: translate(0, 0); } to { transform: translate(-5px, 5px); } } .loading3 .shape3[data-v-27a8293c] { animation: animation3shape3-27a8293c 0.5s ease 0s infinite alternate; } @keyframes animation3shape3-27a8293c { from { transform: translate(0, 0); } to { transform: translate(5px, -5px); } } .loading3 .shape4[data-v-27a8293c] { animation: animation3shape4-27a8293c 0.5s ease 0s infinite alternate; } @keyframes animation3shape4-27a8293c { from { transform: translate(0, 0); } to { transform: translate(-5px, -5px); } } .container[data-v-2e7deb83] { width: 30px; height: 30px; position: relative; } .container.loading5 .shape[data-v-2e7deb83] { width: 15px; height: 15px; } .container .shape[data-v-2e7deb83] { position: absolute; width: 10px; height: 10px; border-radius: 1px; } .container .shape.shape1[data-v-2e7deb83] { left: 0; background-color: #1890FF; } .container .shape.shape2[data-v-2e7deb83] { right: 0; background-color: #91CB74; } .container .shape.shape3[data-v-2e7deb83] { bottom: 0; background-color: #FAC858; } .container .shape.shape4[data-v-2e7deb83] { bottom: 0; right: 0; background-color: #EE6666; } .loading5 .shape1[data-v-2e7deb83] { animation: animation5shape1-2e7deb83 2s ease 0s infinite reverse; } @keyframes animation5shape1-2e7deb83 { 0% { transform: translate(0, 0); } 25% { transform: translate(0, 15px); } 50% { transform: translate(15px, 15px); } 75% { transform: translate(15px, 0); } } .loading5 .shape2[data-v-2e7deb83] { animation: animation5shape2-2e7deb83 2s ease 0s infinite reverse; } @keyframes animation5shape2-2e7deb83 { 0% { transform: translate(0, 0); } 25% { transform: translate(-15px, 0); } 50% { transform: translate(-15px, 15px); } 75% { transform: translate(0, 15px); } } .loading5 .shape3[data-v-2e7deb83] { animation: animation5shape3-2e7deb83 2s ease 0s infinite reverse; } @keyframes animation5shape3-2e7deb83 { 0% { transform: translate(0, 0); } 25% { transform: translate(15px, 0); } 50% { transform: translate(15px, -15px); } 75% { transform: translate(0, -15px); } } .loading5 .shape4[data-v-2e7deb83] { animation: animation5shape4-2e7deb83 2s ease 0s infinite reverse; } @keyframes animation5shape4-2e7deb83 { 0% { transform: translate(0, 0); } 25% { transform: translate(0, -15px); } 50% { transform: translate(-15px, -15px); } 75% { transform: translate(-15px, 0); } } .container[data-v-ef674bbb] { width: 30px; height: 30px; position: relative; } .container.loading6[data-v-ef674bbb] { animation: rotation 1s infinite; } .container.loading6 .shape[data-v-ef674bbb] { width: 12px; height: 12px; border-radius: 2px; } .container .shape[data-v-ef674bbb] { position: absolute; width: 10px; height: 10px; border-radius: 1px; } .container .shape.shape1[data-v-ef674bbb] { left: 0; background-color: #1890FF; } .container .shape.shape2[data-v-ef674bbb] { right: 0; background-color: #91CB74; } .container .shape.shape3[data-v-ef674bbb] { bottom: 0; background-color: #FAC858; } .container .shape.shape4[data-v-ef674bbb] { bottom: 0; right: 0; background-color: #EE6666; } .loading6 .shape1[data-v-ef674bbb] { animation: animation6shape1-ef674bbb 2s linear 0s infinite normal; } @keyframes animation6shape1-ef674bbb { 0% { transform: translate(0, 0); } 25% { transform: translate(0, 18px); } 50% { transform: translate(18px, 18px); } 75% { transform: translate(18px, 0); } } .loading6 .shape2[data-v-ef674bbb] { animation: animation6shape2-ef674bbb 2s linear 0s infinite normal; } @keyframes animation6shape2-ef674bbb { 0% { transform: translate(0, 0); } 25% { transform: translate(-18px, 0); } 50% { transform: translate(-18px, 18px); } 75% { transform: translate(0, 18px); } } .loading6 .shape3[data-v-ef674bbb] { animation: animation6shape3-ef674bbb 2s linear 0s infinite normal; } @keyframes animation6shape3-ef674bbb { 0% { transform: translate(0, 0); } 25% { transform: translate(18px, 0); } 50% { transform: translate(18px, -18px); } 75% { transform: translate(0, -18px); } } .loading6 .shape4[data-v-ef674bbb] { animation: animation6shape4-ef674bbb 2s linear 0s infinite normal; } @keyframes animation6shape4-ef674bbb { 0% { transform: translate(0, 0); } 25% { transform: translate(0, -18px); } 50% { transform: translate(-18px, -18px); } 75% { transform: translate(-18px, 0); } } .chartsview[data-v-a99d579b] { width: 100%; height: 100%; display: flex; flex-direction: column; flex: 1; justify-content: center; align-items: center; } .charts-font[data-v-a99d579b]{ font-size: 14px; color: #CCCCCC; margin-top: 10px; } .charts-error[data-v-a99d579b]{ width: 128px; height: 128px; background: url("data:image/png;base64,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"); background-position: center; } .chartsview[data-v-0ca34aee] { width: 100%; height: 88%; display: flex; flex: 1; justify-content: center; align-items: center; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-calendar-item__weeks-box[data-v-65626c58] { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; } .uni-calendar-item__weeks-box-text[data-v-65626c58] { font-size: 14px; color: #333; } .uni-calendar-item__weeks-lunar-text[data-v-65626c58] { font-size: 12px; color: #333; } .uni-calendar-item__weeks-box-item[data-v-65626c58] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 3.125rem; height: 3.125rem; } .uni-calendar-item__weeks-box-circle[data-v-65626c58] { position: absolute; top: 5px; right: 5px; width: 8px; height: 8px; border-radius: 8px; } .uni-calendar-item--workday-dot[data-v-65626c58] { background-color: #007545; } .uni-calendar-item--restday-dot[data-v-65626c58] { background-color: #e43d33; } .uni-calendar-item--disable[data-v-65626c58] { color: #c0c0c0; } .uni-calendar-item--isDay-text[data-v-65626c58] { color: #2979ff; } .uni-calendar-item--isDay[data-v-65626c58] { color: #2979ff; } .uni-calendar-item--multiple[data-v-65626c58] { color: #fff; } .uni-calendar-item--before-checked[data-v-65626c58] { color: #fff; } .uni-calendar-item--after-checked[data-v-65626c58] { color: #fff; } .uni-calendar-item--workday-text[data-v-65626c58] { color: #007545; } .uni-calendar-item--restday-text[data-v-65626c58] { color: #e43d33; } .uni-calendar-item--workday-texts[data-v-65626c58] { color: #c0c0c0; } .uni-calendar-item--restday-texts[data-v-65626c58] { color: #c0c0c0; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-calendar[data-v-b6ab2cfb] { display: flex; flex-direction: column; } .uni-calendar__mask[data-v-b6ab2cfb] { position: fixed; bottom: 0; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); transition-property: opacity; transition-duration: 0.3s; opacity: 0; z-index: 99; } .uni-calendar--mask-show[data-v-b6ab2cfb] { opacity: 1; } .uni-calendar--fixed[data-v-b6ab2cfb] { position: fixed; left: 0; right: 0; transition-property: transform; transition-duration: 0.3s; transform: translateY(460px); bottom: calc(var(--window-bottom)); z-index: 99; } .uni-calendar--ani-show[data-v-b6ab2cfb] { transform: translateY(0); } .uni-calendar__content[data-v-b6ab2cfb] { background-color: #fff; } .uni-calendar__header[data-v-b6ab2cfb] { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 50px; border-bottom-color: #EDEDED; border-bottom-style: solid; border-bottom-width: 1px; } .uni-calendar--fixed-top[data-v-b6ab2cfb] { display: flex; flex-direction: row; justify-content: space-between; border-top-color: #EDEDED; border-top-style: solid; border-top-width: 1px; } .uni-calendar--fixed-width[data-v-b6ab2cfb] { width: 50px; } .uni-calendar__backtoday[data-v-b6ab2cfb] { position: absolute; right: 0; top: 0.78125rem; padding: 0 5px; padding-left: 10px; height: 25px; line-height: 25px; font-size: 12px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; color: #333; background-color: #f1f1f1; } .uni-calendar__header-text[data-v-b6ab2cfb] { text-align: center; width: 100px; font-size: 14px; color: #333; } .uni-calendar__header-btn-box[data-v-b6ab2cfb] { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 50px; height: 50px; } .uni-calendar__header-btn[data-v-b6ab2cfb] { width: 10px; height: 10px; border-left-color: #808080; border-left-style: solid; border-left-width: 2px; border-top-color: #555555; border-top-style: solid; border-top-width: 2px; } .uni-calendar--left[data-v-b6ab2cfb] { transform: rotate(-45deg); } .uni-calendar--right[data-v-b6ab2cfb] { transform: rotate(135deg); } .uni-calendar__weeks[data-v-b6ab2cfb] { position: relative; display: flex; flex-direction: row; } .uni-calendar__weeks-item[data-v-b6ab2cfb] { flex: 1; } .uni-calendar__weeks-day[data-v-b6ab2cfb] { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 45px; border-bottom-color: #F5F5F5; border-bottom-style: solid; border-bottom-width: 1px; } .uni-calendar__weeks-day-text[data-v-b6ab2cfb] { font-size: 14px; } .uni-calendar__box[data-v-b6ab2cfb] { position: relative; } .uni-calendar__box-bg[data-v-b6ab2cfb] { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .uni-calendar__box-bg-text[data-v-b6ab2cfb] { font-size: 200px; font-weight: bold; color: #999; opacity: 0.1; text-align: center; line-height: 1; } .uni-calendar-item--isDay[data-v-b6ab2cfb] { background-color: #B2D5CB !important; color: #ffffff !important; border-radius: 0.3125rem; } .uni-calendar-item--checked[data-v-b6ab2cfb] { background-color: #B2D5CB !important; border-radius: 0.3125rem; color: #ffffff !important; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @property --l-loading-start { syntax: ""; initial-value: 1%; inherits: false; } @property --l-loading-end { syntax: ""; initial-value: 1%; inherits: false; } @property --l-left { syntax: ""; initial-value: 1%; inherits: false; } @property --l-loadding-ball-size { syntax: " | "; inherits: false; } [data-v-e1d73892]:host { display: inline-flex; } .l-loading[data-v-e1d73892] { position: relative; color: var(--l-loading-color, #3283ff); font-size: 0; vertical-align: middle; } .l-loading--ball[data-v-e1d73892] { display: inline-flex; align-items: center; } .l-loading--ball .l-loading__ball[data-v-e1d73892] { position: relative; perspective: calc(var(--l-loadding-ball-size) * 4); transform-style: preserve-3d; } .l-loading--ball .l-loading__ball[data-v-e1d73892]:before { background-color: #3283ff; left: 0%; animation-name: l-ball-before-e1d73892; } .l-loading--ball .l-loading__ball[data-v-e1d73892]:after { right: 0; background-color: red; animation-name: l-ball-after-e1d73892; } .l-loading--ball .l-loading__ball[data-v-e1d73892]:before, .l-loading--ball .l-loading__ball[data-v-e1d73892]:after { top: 0; content: ""; position: absolute; height: 100%; aspect-ratio: 1/1; border-radius: 50%; animation-iteration-count: infinite; animation-delay: -100ms; animation-duration: 900ms; mix-blend-mode: darken; } .l-loading--circular .l-loading__circular[data-v-e1d73892] { display: inline-block; position: relative; animation: l-rotate-e1d73892 var(--l-loading-duration, 1s) linear infinite; vertical-align: middle; } .l-loading--circular .l-loading__circular[data-v-e1d73892]:before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background-image: conic-gradient(var(--l-loading-color-1, transparent) 0%, var(--l-loading-color-2, currentColor) 100%); mask: radial-gradient(closest-side, transparent calc(80% - 1px), #fff 80%); -webkit-mask: radial-gradient(closest-side, transparent calc(80% - 1px), #fff 80%); animation: l-circular-e1d73892 2.5s ease-in-out infinite; transform: rotate(90deg); } .l-loading--spinner .l-loading__spinner[data-v-e1d73892] { position: relative; box-sizing: border-box; width: 100%; height: 100%; max-width: 100%; max-height: 100%; animation-timing-function: steps(12); animation: l-rotate-e1d73892 0.8s linear infinite; } .l-loading--spinner .l-loading__dot[data-v-e1d73892] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(calc(var(--l-loading-dot, 1) * 30deg)); opacity: calc(var(--l-loading-dot, 1) / 12); } .l-loading--spinner .l-loading__dot[data-v-e1d73892]::before { display: block; width: 0.15625rem; height: 25%; margin: 0 auto; background-color: currentColor; border-radius: 40%; content: " "; } .l-loading__text[data-v-e1d73892] { display: inline-block; margin-left: var(--l-spacer-xs, 8px); color: var(--l-loading-text-color, var(--l-text-color-3, rgba(0, 0, 0, 0.45))); font-size: var(--l-loading-font-size, var(--l-font-size, 14px)); vertical-align: middle; } .l-loading.is-vertical[data-v-e1d73892] { display: inline-flex; flex-direction: column; align-items: center; } .l-loading.is-vertical .l-loading__text[data-v-e1d73892] { margin: var(--l-spacer-tn, 4px) 0 0; } .l-loading__ball[data-v-e1d73892], .l-loading__circular[data-v-e1d73892], .l-loading__spinner[data-v-e1d73892] { width: var(--l-loading-size, 20px); height: var(--l-loading-size, 20px); } @keyframes l-circular-e1d73892 { 0% { --l-loading-start: 0%; --l-loading-end: 0%; } 50% { --l-loading-start: 0%; --l-loading-end: 100%; } 100% { --l-loading-start: 100%; --l-loading-end: 100%; } } @keyframes l-rotate-e1d73892 { to { transform: rotate(1turn); } } @keyframes l-ball-before-e1d73892 { 0% { animation-timing-function: ease-in; } 25% { animation-timing-function: ease-out; --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2); transform: translate3d(var(--l-left), 0, var(--l-loadding-ball-size)); } 50% { --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%))); animation-timing-function: ease-in; transform: translate3d(var(--l-left), 0, 0); } 75% { animation-timing-function: ease-out; --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2); transform: translate3d(var(--l-left), 0, calc(var(--l-loadding-ball-size) * -1)); } } @keyframes l-ball-after-e1d73892 { 0% { animation-timing-function: ease-in; } 25% { animation-timing-function: ease-out; --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2 * -1); transform: translate3d(var(--l-left), 0, calc(var(--l-loadding-ball-size) * -1)); } 50% { animation-timing-function: ease-in; --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) * -1); transform: translate3d(var(--l-left), 0, 0); } 75% { animation-timing-function: ease-out; --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2 * -1); transform: translate3d(var(--l-left), 0, var(--l-loadding-ball-size)); } } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .l-switch[data-v-43179dfc] { display: inline-flex; flex-direction: row; align-items: center; } .l-switch__rail[data-v-43179dfc] { position: relative; height: var(--l-switch-height, 28px); min-width: var(--l-switch-width, 45px); transition-duration: 300ms; transition-property: background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .l-switch--hover .l-switch__dot[data-v-43179dfc] { max-width: var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)); } .l-switch--hover.l-switch--checked .l-switch__dot[data-v-43179dfc] { left: calc(100% - var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2))); } .l-switch--hover.l-switch--checked .l-switch__placeholder--unchecked[data-v-43179dfc] { padding-left: calc(1.25 * var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25))); } .l-switch--hover.l-switch--unchecked .l-switch__placeholder--checked[data-v-43179dfc] { padding-right: calc(1.25 * var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25))); } .l-switch--checked[data-v-43179dfc] { background-color: var(--l-switch-checked-color, #3283ff); } .l-switch--checked .l-switch__dot[data-v-43179dfc] { left: calc(100% - var(--l-switch-dot-size, 22px) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2))); } .l-switch--checked.l-switch--disabled[data-v-43179dfc] { background-color: var(--l-switch-checked-disabled-color, var(--l-primary-color-3, #add6ff)); } .l-switch--unchecked[data-v-43179dfc] { background-color: var(--l-switch-unchecked-color, var(--l-gray-4, #dcdcdc)); } .l-switch--unchecked.l-switch--disabled[data-v-43179dfc] { background-color: var(--l-switch-unchecked-disabled-color, var(--l-gray-2, #eeeeee)); } .l-switch--round[data-v-43179dfc] { border-radius: var(--l-switch-radius, 99px); } .l-switch--square[data-v-43179dfc] { border-radius: var(--l-switch-radius, 4px); } .l-switch__dot[data-v-43179dfc] { position: absolute; background-color: var(--l-switch-dot-bg-color, white); height: var(--l-switch-dot-size, 22px); pointer-events: none; justify-content: center; align-items: center; overflow: visible; transition-duration: 300ms; transition-property: background-color, opacity, left, max-width, width, box-shadow, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; width: var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)); max-width: var(--l-switch-dot-size, 22px); left: var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)); top: var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)); --l-loading-size: calc(var(--l-switch-dot-size, 22px) * 0.7); --l-loading-color: var(--l-switch-checked-color, #3283ff); } .l-switch__dot--round[data-v-43179dfc] { border-radius: var(--l-switch-dot-radius, 99px); } .l-switch__dot--square[data-v-43179dfc] { border-radius: var(--l-switch-dot-radius, 2.5px); } .l-switch__placeholder[data-v-43179dfc] { overflow: visible; position: absolute; white-space: nowrap; pointer-events: none; top: 50%; transform: translateY(-53%); line-height: 1; font-size: var(--l-swtich-font-size, 14px); color: var(--l-swtich-text-color, white); box-sizing: content-box; } .l-switch__placeholder--checked[data-v-43179dfc] { right: 0; text-align: right; padding-right: calc(1.20 * var(--l-switch-height, 28px) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2))); } .l-switch__placeholder--unchecked[data-v-43179dfc] { left: 0; padding-left: calc(1.20 * var(--l-switch-height, 28px) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2))); } .l-switch__children-placeholder[data-v-43179dfc] { height: var(--l-switch-height, 28px); } .l-switch__rail-placeholder[data-v-43179dfc] { opacity: 0; padding-left: calc(1.75 * var(--l-switch-height, 28px)); font-size: var(--l-swtich-font-size, 14px); } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-popup[data-v-4dd3c44b] { position: fixed; z-index: 99; } .uni-popup.top[data-v-4dd3c44b], .uni-popup.left[data-v-4dd3c44b], .uni-popup.right[data-v-4dd3c44b] { top: 0; } .uni-popup .uni-popup__wrapper[data-v-4dd3c44b] { display: block; position: relative; /* iphonex 等安全区设置,底部安全区适配 */ } .uni-popup .uni-popup__wrapper.left[data-v-4dd3c44b], .uni-popup .uni-popup__wrapper.right[data-v-4dd3c44b] { padding-top: 0; flex: 1; } .fixforpc-z-index[data-v-4dd3c44b] { z-index: 999; } .fixforpc-top[data-v-4dd3c44b] { top: 0; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-top-tabbar[data-v-f7b784a4] { /* 以下3项设置用于开启底部阴影显示 */ /* position: relative; z-index: 1; overflow: visible; */ } .uni-top-tabbar .uni-swiper-tab[data-v-f7b784a4] { height: 3.125rem; } .uni-top-tabbar .uni-swiper-tab .swiper-tab-list[data-v-f7b784a4] { font-size: 0.875rem; font-weight: normal; line-height: 2.5625rem; width: 48%; display: flex; flex-direction: column; align-items: center; } .uni-top-tabbar .uni-swiper-tab .active .swiper-tab-line[data-v-f7b784a4] { height: 0.1875rem; width: 100%; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .k-button-group[data-v-34f5114e] { box-sizing: border-box; display: flex; flex-direction: row; background-color: white; width: 100%; padding: 0.625rem 0.9375rem; column-gap: 0.75rem; } .k-button-group .k-button[data-v-34f5114e] { width: 100%; font-size: 1rem; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .k-bottom-popup[data-v-9a69dd9a] { position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.3s ease-in-out; } .k-bottom-popup .fade[data-v-9a69dd9a] { transform: translateY(100%); } .k-bottom-popup .fade-out[data-v-9a69dd9a] { transform: translateY(0); } .k-bottom-popup .tran-content[data-v-9a69dd9a] { position: absolute; right: 0; left: 0; bottom: 0; transition: transform 0.3s ease-in-out; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .k-date-picker[data-v-29624116] { /** 控制提示文字的位置 **/ --bottom-offset: 10%; /** 控制提示文字的大小 **/ --bottom-font-size: 0.5625rem; /** 选中时字体的颜色**/ --seletct--text-color: white; /** 选中时背景颜色 **/ --seletct--background-color: #005ceeff; /** 处于区间的字体颜色 **/ --in-range--text-color: #005ceeff; /** 处于区间的背景颜色 **/ --in-range--background-color: #f2f6fc; /** 限制的字体颜色 **/ --limit--text-color: #a8abb2; /** 限制的背景颜色 **/ --limit--background-color: #f5f7fa; /** current的背景颜色 **/ --current--background-color: #e4edfe; /** current的字体颜色 **/ --current--text-color: #7994b2; box-sizing: border-box; width: 100%; padding: 0.9375rem 0.9375rem 0.625rem; background-color: white; border-radius: 10px 10px 0 0; position: relative; display: flex; flex-direction: column; } .k-date-picker .is-current[data-v-29624116] { border-radius: 0.25rem; background-color: var(--current--background-color); position: relative; --color: var(--current--text-color); } .k-date-picker .is-current[data-v-29624116]:after { color: var(--color); position: absolute; left: 50%; bottom: var(--bottom-offset); transform: translate(-50%); font-size: var(--bottom-font-size); line-height: var(--bottom-font-size); font-weight: 500; } .k-date-picker .is-day[data-v-29624116] { grid-template-columns: repeat(7, minmax(0, 1fr)); } .k-date-picker .is-day .is-current[data-v-29624116]:after { content: "本日"; } .k-date-picker .is-day .is-start[data-v-29624116]:after { content: "开始"; } .k-date-picker .is-day .is-end[data-v-29624116]:after { content: "结束"; } .k-date-picker .is-month[data-v-29624116] { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0.75rem; } .k-date-picker .is-month .is-current[data-v-29624116]:after { content: "本月"; } .k-date-picker .is-month .is-start[data-v-29624116]:after { content: "开始"; } .k-date-picker .is-month .is-end[data-v-29624116]:after { content: "结束"; } .k-date-picker .is-year[data-v-29624116] { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0.75rem; } .k-date-picker .is-year .is-current[data-v-29624116]:after { content: "本年"; } .k-date-picker .is-year .is-start[data-v-29624116]:after { content: "开始"; } .k-date-picker .is-year .is-end[data-v-29624116]:after { content: "结束"; } .k-date-picker .inner-top[data-v-29624116] { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 0.9375rem; } .k-date-picker .inner-body__arrow[data-v-29624116] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .k-date-picker .inner-body__calendar_week[data-v-29624116] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); } .k-date-picker .inner-body__calendar_week--item[data-v-29624116] { font-weight: 500; color: #303133; font-size: 0.9375rem; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 2.75rem; } .k-date-picker .inner-body__calendar_block[data-v-29624116] { position: relative; display: grid; row-gap: 0.625rem; } .k-date-picker .inner-body__calendar_block[data-v-29624116]:after { display: block; content: attr(data-text); color: #eef2f8ff; font-size: 8.75rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .k-date-picker .inner-body__calendar_block--item[data-v-29624116] { z-index: 2; font-size: 0.9375rem; color: #7994b2; display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1; } .k-date-picker .is-limit[data-v-29624116] { color: var(--limit--text-color) !important; background-color: var(--limit--background-color); } .k-date-picker .is-in-range[data-v-29624116] { --color: var(--in-range--text-color) !important; background-color: var(--in-range--background-color) !important; border-radius: 0 !important; color: var(--in-range--text-color) !important; } .k-date-picker .is-selected[data-v-29624116] { position: relative; background-color: var(--seletct--background-color) !important; color: var(--seletct--text-color) !important; border-radius: 0.25rem !important; } .k-date-picker .is-selected[data-v-29624116]:after { content: "已选" !important; color: var(--seletct--text-color) !important; position: absolute; left: 50%; bottom: var(--bottom-offset); transform: translate(-50%); font-size: var(--bottom-font-size); line-height: var(--bottom-font-size); font-weight: 500; } .k-date-picker .is-start[data-v-29624116] { position: relative; background-color: var(--seletct--background-color) !important; color: var(--seletct--text-color) !important; border-radius: 0.25rem 0 0 0.25rem; } .k-date-picker .is-start[data-v-29624116]:after { content: "开始"; color: var(--seletct--text-color) !important; position: absolute; left: 50%; bottom: var(--bottom-offset); transform: translate(-50%); font-size: var(--bottom-font-size); line-height: var(--bottom-font-size); font-weight: 500; } .k-date-picker .is-end[data-v-29624116] { position: relative; background-color: var(--seletct--background-color) !important; color: var(--seletct--text-color) !important; border-radius: 0 0.25rem 0.25rem 0; } .k-date-picker .is-end[data-v-29624116]:after { content: "结束"; color: var(--seletct--text-color) !important; position: absolute; left: 50%; bottom: var(--bottom-offset); transform: translate(-50%); font-size: var(--bottom-font-size); line-height: var(--bottom-font-size); font-weight: 500; } .k-date-picker .image-closable[data-v-29624116] { width: 1.125rem; height: 1.125rem; } .k-date-picker .image-arrow[data-v-29624116] { width: 1.125rem; height: 1.125rem; } .k-date-picker .right-arrow[data-v-29624116] { transform: rotate(180deg); } .k-date-picker .brief[data-v-29624116] { margin: 0 0.9375rem; color: #000000d9; font-size: 0.9375rem; font-weight: 500; } .k-date-picker .selected-date[data-v-29624116] { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0.3125rem 0; color: #94a0b4ff; font-size: 0.9375rem; margin-top: 0.625rem; width: 18.75rem; } .k-date-picker .selected-wrap[data-v-29624116] { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } .uni-page[data-v-c23aac3f] { width: 100%; height: 100%; } .container[data-v-c23aac3f] { background: linear-gradient(to bottom, #007545 -50%, #f0f5f5 40%, #f0f5f5 100%); box-sizing: border-box; padding-bottom:0.03125rem; } .l-liquid[data-v-c23aac3f] { /* background-color: #007545; */ border: 0.3125rem solid #007545; } .liquid_text[data-v-c23aac3f] { font-size: 1.1875rem; color: #fff; } .container_title[data-v-c23aac3f] { width: 100%; height: 12.5rem; display: flex; justify-content: center; align-items: center; } .container_box[data-v-c23aac3f] { width: 100%; padding: 0 0.625rem; box-sizing: border-box; } .container_box1[data-v-c23aac3f]{ width: 100%; padding: 0 0.625rem; box-sizing: border-box; margin-top: 0.625rem; } .container_parameter[data-v-c23aac3f] { width: 100%; height: 15.625rem; background-color: #ffffff; border-radius: 0.3125rem; } .income_box[data-v-c23aac3f] { width: 100%; background-color: #ffffff; box-sizing: border-box; border-radius: 0.5rem; } .income[data-v-c23aac3f] { width: 100%; height: 6.25rem; display: flex; align-items: center; justify-content: space-around; } .income_image[data-v-c23aac3f] { width: 2.125rem; height: 2.125rem; margin-bottom: 0.1875rem; } .income_yesterday[data-v-c23aac3f], .income_moon[data-v-c23aac3f], .income_tired[data-v-c23aac3f] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-around; } .income_yesterday1[data-v-c23aac3f], .income_moon1[data-v-c23aac3f], .income_tired1[data-v-c23aac3f] { font-size: 0.75rem; color: #999999; } .income_yesterday2[data-v-c23aac3f], .income_moon2[data-v-c23aac3f], .income_tired2[data-v-c23aac3f] { font-size: 0.875rem; font-weight: 600; } .income_unit[data-v-c23aac3f]{ font-size: 0.625rem; } .qiun_title[data-v-c23aac3f] { height: 12%; font-size: 0.875rem; margin-left: 0.625rem; } .power_box[data-v-c23aac3f] { width: 100%; padding: 0 0.625rem; margin-bottom: 0.9375rem; box-sizing: border-box; } .power_box1[data-v-c23aac3f] { width: 100%; padding: 0 0.625rem; box-sizing: border-box; } .power_box2[data-v-c23aac3f]{ width: 100%; padding: 0 0.625rem; margin-bottom: 0.9375rem; box-sizing: border-box; } .powerstation[data-v-c23aac3f] { width: 100%; display: flex; align-items: center; justify-content: space-between; } .power_yesterday[data-v-c23aac3f], .power_moon[data-v-c23aac3f], .power_tired[data-v-c23aac3f] { width: 31%; padding: 0.625rem 0; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.3125rem; background-color: #ffffff; } .power_yesterday uni-image[data-v-c23aac3f], .power_moon uni-image[data-v-c23aac3f], .power_tired uni-image[data-v-c23aac3f] { width: 1.25rem; height: 1.25rem; } .power_yesterday uni-image[data-v-c23aac3f] { /* background-color: #007544; */ } .power_moon uni-image[data-v-c23aac3f] { /* background-color: #3774f3; */ } .power_tired uni-image[data-v-c23aac3f] { /* background-color: #b3cef9; */ } .power_icon[data-v-c23aac3f]{ display: flex; } .power_yesterday1[data-v-c23aac3f], .power_moon1[data-v-c23aac3f], .power_tired1[data-v-c23aac3f] { font-size: 0.8125rem; margin-left:0.3125rem; color: #999; } .power_yesterday11[data-v-c23aac3f]{ font-size: 0.8125rem; margin-left:0.3125rem; color: #222; } .power_moon2[data-v-c23aac3f],.power_yesterday2[data-v-c23aac3f],.power_tired2[data-v-c23aac3f]{ margin-top:0.3125rem; font-size: 0.875rem; font-weight: 600; } .toptabbar[data-v-c23aac3f] { width: 100%; height: 2.5rem; margin-top: 20px; padding: 0.3125rem 0.625rem; box-sizing: border-box; } [data-v-c23aac3f] .uni-scroll-view-content { display: flex; justify-content: center; } .datecalendar[data-v-c23aac3f] { display: flex; justify-content: space-between; padding: 0 0.75rem; margin-top: 1.875rem; } .datecalendar_1[data-v-c23aac3f] { width: 10rem; height: 1.875rem; display: flex; font-size: 0.875rem; border: 0.00625rem solid #999999; border-radius: 1.25rem; overflow: overlay; } .datecalendar_1sun[data-v-c23aac3f] { flex: 1; display: flex; align-items: center; justify-content: center; color: #222222; background-color: #ffffff; } .datecalendar_1moon[data-v-c23aac3f] { flex: 1; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-left: 0.00625rem solid #999999; border-right: 0.00625rem solid #999999; } .datecalendar_1year[data-v-c23aac3f] { flex: 1; display: flex; align-items: center; justify-content: center; background-color: #ffffff; } .datecalendar_2[data-v-c23aac3f] { width: 5.625rem; height: 1.875rem; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; border: 0.00625rem solid #999999; border-radius: 1.25rem; } .qiun_data[data-v-c23aac3f] { width: 100%; height: 18.75rem; padding: 0.5rem; overflow: auto; box-sizing: border-box; } .qiun_title[data-v-c23aac3f] { height: 12%; font-size: 0.875rem; margin-left: 0.625rem; } .energy[data-v-c23aac3f] { width: 100%; padding: 0.625rem; box-sizing: border-box; } .energy_hostbox[data-v-c23aac3f]{ padding: 0.625rem; box-sizing: border-box; } .energy_host[data-v-c23aac3f] { width: 100%; padding: 0.625rem; box-sizing: border-box; background-color: #ffffff; margin-bottom: 0.3125rem; border-radius: 0.3125rem; } .energy_title[data-v-c23aac3f] { width: 100%; } .energy_box[data-v-c23aac3f] { width: 100%; background-color: #B2D5CB; border-radius: 0.3125rem; margin-top: 0.625rem; padding: 0.9375rem 0.5rem; display: flex; align-items: center; box-sizing: border-box; } .energy_boximage[data-v-c23aac3f] { width: 2.75rem; height: 2.75rem; } .energy_boxtitle[data-v-c23aac3f] { flex: 1; display: flex; flex-direction: column; margin-left: 0.625rem; } .energy_boxtitle1[data-v-c23aac3f] { font-size: 0.875rem; margin-top: 0.1875rem; font-weight: 600; } .energy_boxtitle2[data-v-c23aac3f] { font-size: 0.8125rem; margin-top: 0.125rem; } .energy_right[data-v-c23aac3f] { display: flex; align-items: center; } .energy_boxright[data-v-c23aac3f] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .energy_boxright1[data-v-c23aac3f] { padding: 0.1875rem 1.25rem; font-size: 0.8125rem; border-radius: 1.5625rem; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 116, 84, .3); color: #fff; } .energy_boxright2[data-v-c23aac3f] { font-size: 0.75rem; margin-top: 0.3125rem; } .energy_jumpto[data-v-c23aac3f] { width: 0.9375rem; height: 0.9375rem; margin-left: 0.25rem; } .energy_calendar[data-v-c23aac3f]{ margin-top:0.9375rem; border-radius: 0.3125rem; overflow: hidden; } .incomeweekday[data-v-c23aac3f]{ width: 100%; height: 3.125rem; display: flex; align-items: center; /* justify-content: space-around; */ } .weekday[data-v-c23aac3f]{ width: 0.625rem; height: 0.625rem; border-radius: 1.5625rem; background-color: red; margin-right: 0.3125rem; } .restday1[data-v-c23aac3f]{ display: flex; align-items: center; margin-left: 1.25rem; padding: 0.3125rem; border-radius: 3.125rem; box-sizing: border-box; } .weekday1[data-v-c23aac3f]{ display: flex; align-items: center; margin-left: 0.625rem; padding: 0.3125rem; border-radius: 3.125rem; box-sizing: border-box; } .restday[data-v-c23aac3f]{ width: 0.625rem; height: 0.625rem; border-radius: 1.5625rem; background-color: #007545; margin-right: 0.3125rem; } .power_yesterdaystrategy[data-v-c23aac3f]{ width: 100%; padding: 0.625rem 0.625rem; display: flex; align-items: center; justify-content: space-between; border-radius: 0.3125rem; background-color: #ffffff; margin-top: 0.625rem; overflow: hidden; box-sizing: border-box; } .power_iconstrategy[data-v-c23aac3f]{ flex-direction: column; } .strategy[data-v-c23aac3f]{ width: 1.875rem; height: 1.875rem; } .strategycalendar[data-v-c23aac3f]{ width: 1.875rem; height: 1.875rem; padding: 0.1875rem; box-sizing: border-box; } .strategybox[data-v-c23aac3f]{ display: flex; align-items: center; } .power_strategy[data-v-c23aac3f]{ font-size: 0.75rem; color: #ccc; display: flex; align-items: center; } .power_strategy1[data-v-c23aac3f]{ font-size: 0.75rem; color: #999999; display: flex; align-items: center; } .power_strategy2[data-v-c23aac3f]{ font-size: 0.75rem; color: red; display: flex; align-items: center; } @mixin flex { display: flex; flex-direction: row; } @mixin height { height: 100%; } .box[data-v-c23aac3f] { @include flex; } .button[data-v-c23aac3f] { @include flex; align-items: center; justify-content: center; flex: 1; height: 35px; margin: 0 5px; border-radius: 5px; } .example-body[data-v-c23aac3f] { background-color: #fff; padding: 10px 0; } .button-text[data-v-c23aac3f] { color: #fff; font-size: 12px; } .popup-content[data-v-c23aac3f] { @include flex; align-items: center; justify-content: center; padding: 15px; background-color: #fff; } .popup-height[data-v-c23aac3f] { @include height; width: 400px; } .text[data-v-c23aac3f] { font-size: 12px; color: #333; } .popup-success[data-v-c23aac3f] { color: #fff; background-color: #e1f3d8; } .popup-warn[data-v-c23aac3f] { color: #fff; background-color: #faecd8; } .popup-error[data-v-c23aac3f] { color: #fff; background-color: #fde2e2; } .popup-info[data-v-c23aac3f] { color: #fff; background-color: #f2f6fc; } .success-text[data-v-c23aac3f] { color: #09bb07; } .warn-text[data-v-c23aac3f] { color: #e6a23c; } .error-text[data-v-c23aac3f] { color: #f56c6c; } .info-text[data-v-c23aac3f] { color: #909399; } .dialog[data-v-c23aac3f], .share[data-v-c23aac3f] { display: flex; flex-direction: column; } .dialog-box[data-v-c23aac3f] { padding: 10px; } .dialog .button[data-v-c23aac3f], .share .button[data-v-c23aac3f] { width: 100%; margin: 0; margin-top: 10px; padding: 3px 0; flex: 1; } .dialog-text[data-v-c23aac3f] { font-size: 14px; color: #333; } /* 弹出层内容样式 */ .popup-content[data-v-c23aac3f] { padding: 20px; text-align: center; border-radius: 0.625rem; } /* 文本样式 */ .popuptext[data-v-c23aac3f] { font-size: 0.8125rem; color: #333; margin-bottom: 0.625rem; } /* 取消按钮样式 */ .cancel-button[data-v-c23aac3f] { width: 3.75rem; height: 1.875rem; margin-top: 0.3125rem; font-size: 0.75rem; background-color: #f0f0f0; color: #333; margin-right: 1.25rem; } /* 确认按钮样式 */ .confirm-button[data-v-c23aac3f] { width: 3.75rem; height: 1.875rem; margin-top: 0.3125rem; font-size: 0.75rem; background-color: #007aff; color: #fff; } /* 根据设备类型调整高度 */ .popup-height[data-v-c23aac3f] { height: 200px; } .popupbutton[data-v-c23aac3f]{ display: flex; }