.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-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%; } .container_bj[data-v-1d9691da]{ } .container[data-v-1d9691da] { background: linear-gradient(to bottom, #007545 -10%, #f0f5f5 40%, #f0f5f5 100%); /* background-image: url('@/static/222.jpg'); */ /* background-size: 100% 600rpx; */ /* background-repeat: no-repeat; */ /* box-sizing: border-box; */ } .navigation[data-v-1d9691da] { width: 100%; height: 60px; } .power[data-v-1d9691da] { width: 100%; height: 220px; padding: 0 1.25rem; display: flex; justify-content: space-between; box-sizing: border-box; } .power_kwh[data-v-1d9691da]{ font-size: 0.625rem; } .power_1[data-v-1d9691da] { height: 180px; display: flex; flex-direction: column; justify-content: center; text-align: center; } .power_1 uni-image[data-v-1d9691da] { width: 1rem; height: 1rem; margin-right: 0.3125rem; } .power_month[data-v-1d9691da] { font-size: 1rem; color: #eee !important; display: flex; align-items: center; } .power_monthkwh[data-v-1d9691da] { font-size: 1rem; margin-top: 0.5rem; color: #fff; } .power_Cumulative[data-v-1d9691da] { font-size: 1rem; display: flex; align-items: center; margin-top: 1.3125rem; color: #eee !important; } .power_Cumulativekwh[data-v-1d9691da] { font-size: 1rem; margin-top: 0.5rem; color: #fff; } .power_2[data-v-1d9691da] { padding: 2px; width: 170px; height: 170px; border-radius: 50%; border: 3px solid #007545; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; color: #fff } .power_2 uni-image[data-v-1d9691da] { width: 160px; height: 160px; } .power_2txt[data-v-1d9691da] { position: absolute; top: 32%; color: #fff; } .power_2txt1[data-v-1d9691da] { color: #eee !important; font-size: 1.1875rem; } .power_2txtmeasure[data-v-1d9691da] { font-size: 1.125rem; margin-top: 10px; font-weight: 600; color: #fff; text-align: center; } /* 旋转动画 */ @keyframes rotate-1d9691da { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rotating[data-v-1d9691da] { animation: rotate-1d9691da 12s linear infinite; transform-origin: 50% 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 180px; height: 180px; /* border-radius: 100rpx; */ /* background-color: #f0f5f5; */ overflow: hidden; } .income_box[data-v-1d9691da] { width: 100%; height: 6.25rem; box-sizing: border-box; padding: 0.625rem; } .income[data-v-1d9691da] { width: 100%; height: 6.25rem; border-radius: 0.5rem; background-color: #ffffff; display: flex; align-items: center; justify-content: space-around; } .income_yesterday1[data-v-1d9691da], .income_moon1[data-v-1d9691da], .income_tired1[data-v-1d9691da] { font-size: 0.875rem; color: #999999; } .income_yesterday2[data-v-1d9691da], .income_moon2[data-v-1d9691da], .income_tired2[data-v-1d9691da] { margin-top: 0.625rem; font-size: 1rem; font-weight: 600; } .income_unit[data-v-1d9691da]{ font-size: 0.6875rem; } .power_box[data-v-1d9691da] { width: 100%; height: 6.875rem; padding: 0.625rem; box-sizing: border-box; margin-top: 20px; } .powerstation[data-v-1d9691da] { width: 100%; height: 6.875rem; display: flex; align-items: center; justify-content: space-between; } .power_yesterday[data-v-1d9691da], .power_moon[data-v-1d9691da], .power_tired[data-v-1d9691da] { width: 31%; height: 100%; display: flex; border-radius: 0.3125rem; flex-direction: column; align-items: center; justify-content: center; background-color: #ffffff; } .power_yesterday uni-image[data-v-1d9691da], .power_moon uni-image[data-v-1d9691da], .power_tired uni-image[data-v-1d9691da] { width: 1.5rem; height: 1.5rem; padding: 0.40625rem; border-radius: 100%; } .power_yesterday uni-image[data-v-1d9691da] { background-color: #007544; } .power_moon uni-image[data-v-1d9691da] { background-color: #3774f3; } .power_tired uni-image[data-v-1d9691da] { background-color: #b3cef9; } .power_yesterday1[data-v-1d9691da], .power_moon1[data-v-1d9691da], .power_tired1[data-v-1d9691da] { margin: 0.3125rem 0; font-size: 0.875rem; color: #999999; } .toptabbar[data-v-1d9691da] { width: 100%; height: 2.5rem; margin-top: 20px; padding: 0.3125rem 0.625rem; box-sizing: border-box; } [data-v-1d9691da] .uni-scroll-view-content { display: flex; justify-content: center; } .datecalendar[data-v-1d9691da] { display: flex; justify-content: space-between; padding: 0 0.75rem; margin-top: 1.875rem; } .datecalendar_1[data-v-1d9691da] { 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-1d9691da] { flex: 1; display: flex; align-items: center; justify-content: center; color: #222222; background-color: #ffffff; } .datecalendar_1moon[data-v-1d9691da] { 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-1d9691da] { flex: 1; display: flex; align-items: center; justify-content: center; background-color: #ffffff; } .datecalendar_2[data-v-1d9691da] { 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-1d9691da] { width: 100%; height: 18.75rem; padding: 0.5rem; overflow: auto; box-sizing: border-box; } .qiun_title[data-v-1d9691da] { height: 12%; font-size: 0.875rem; margin-left: 0.625rem; } .account_numberimage[data-v-1d9691da] { width: 100%; padding: 0; position: fixed; top: 0; left: 0; }