/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .u-status-bar[data-v-eb8e0cdd] { width: 100%; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ uni-view[data-v-ac70166d], uni-scroll-view[data-v-ac70166d], uni-swiper-item[data-v-ac70166d] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } @font-face { font-family: "uicon-iconfont"; src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype"); } .u-icon[data-v-ac70166d] { display: flex; align-items: center; } .u-icon--left[data-v-ac70166d] { flex-direction: row-reverse; align-items: center; } .u-icon--right[data-v-ac70166d] { flex-direction: row; align-items: center; } .u-icon--top[data-v-ac70166d] { flex-direction: column-reverse; justify-content: center; } .u-icon--bottom[data-v-ac70166d] { flex-direction: column; justify-content: center; } .u-icon__icon[data-v-ac70166d] { font-family: uicon-iconfont; position: relative; display: flex; flex-direction: row; align-items: center; } .u-icon__icon--primary[data-v-ac70166d] { color: #3c9cff; } .u-icon__icon--success[data-v-ac70166d] { color: #5ac725; } .u-icon__icon--error[data-v-ac70166d] { color: #f56c6c; } .u-icon__icon--warning[data-v-ac70166d] { color: #f9ae3d; } .u-icon__icon--info[data-v-ac70166d] { color: #909399; } .u-icon__img[data-v-ac70166d] { height: auto; will-change: transform; } .u-icon__label[data-v-ac70166d] { line-height: 1; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ uni-view[data-v-f631659b], uni-scroll-view[data-v-f631659b], uni-swiper-item[data-v-f631659b] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } .u-navbar--fixed[data-v-f631659b] { position: fixed; left: 0; right: 0; top: 0; z-index: 11; } .u-navbar__content[data-v-f631659b] { display: flex; flex-direction: row; align-items: center; height: 44px; background-color: #9acafc; position: relative; justify-content: center; } .u-navbar__content__left[data-v-f631659b], .u-navbar__content__right[data-v-f631659b] { padding: 0 13px; position: absolute; top: 0; bottom: 0; display: flex; flex-direction: row; align-items: center; } .u-navbar__content__left[data-v-f631659b] { left: 0; } .u-navbar__content__left--hover[data-v-f631659b] { opacity: 0.7; } .u-navbar__content__left__text[data-v-f631659b] { font-size: 15px; margin-left: 3px; } .u-navbar__content__title[data-v-f631659b] { text-align: center; font-size: 16px; color: #303133; } .u-navbar__content__right[data-v-f631659b] { right: 0; } .u-navbar__content__right__text[data-v-f631659b] { font-size: 15px; margin-left: 3px; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @font-face { font-family: "l-icons"; src: url("data:font/ttf;charset=utf-8;base64,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") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .l-icons[data-v-665735f1] { font-family: "l-icons"; font-size: 1.1875rem; color: #333333; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-shanchu[data-v-665735f1]:before { content: "\e6f0"; } .icon-youjiantou[data-v-665735f1]:before { content: "\e600"; } .icon-zuojiantou[data-v-665735f1]:before { content: "\e623"; } .icon-youjiantou1[data-v-665735f1]:before { content: "\e607"; } .icon-youjiantou2[data-v-665735f1]:before { content: "\e61f"; } .l-calendar-box[data-v-665735f1] { width: 100%; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; visibility: hidden; transform: translate3d(0, 100%, 0); transform-origin: center; transition: all 0.3s ease-in-out; min-height: 0.625rem; } .l-calendar-box .calendar-top[data-v-665735f1] { width: 100%; height: 2.5rem; padding: 0 1.25rem; display: flex; justify-content: center; align-items: center; box-sizing: border-box; font-size: 0.9375rem; font-weight: bold; background-color: #fff; color: #333; position: relative; border-top-left-radius: 0.625rem; border-top-right-radius: 0.625rem; overflow: hidden; } .l-calendar-box .calendar-top .close[data-v-665735f1] { position: absolute; right: 0.9375rem; top: 50%; transform: translateY(-50%); color: #999; } .l-calendar-box .date-box[data-v-665735f1] { width: 100%; display: flex; align-items: center; justify-content: center; padding: 0.625rem 0 0.9375rem; background-color: #fff; } .l-calendar-box .date-box .date-arrowleft[data-v-665735f1] { margin-right: 1rem; } .l-calendar-box .date-box .date-arrowright[data-v-665735f1] { margin-left: 1rem; } .l-calendar-box .date-box .title-datetime[data-v-665735f1] { padding: 0 0.5rem; color: #333; font-size: 0.9375rem; line-height: 0.9375rem; font-weight: bold; } .l-calendar-box .date-weekday[data-v-665735f1] { width: 100%; display: flex; align-items: center; background-color: #fff; font-size: 0.75rem; line-height: 0.75rem; color: #555; box-shadow: 0 0.46875rem 0.625rem -0.46875rem #efefef; position: relative; z-index: 2; } .l-calendar-box .date-weekday .date-weekday-item[data-v-665735f1] { width: 14.2857%; display: flex; align-items: center; justify-content: center; padding: 0.375rem 0; overflow: hidden; position: relative; z-index: 2; } .l-calendar-box .date-content[data-v-665735f1] { width: 100%; display: flex; flex-wrap: wrap; padding: 0.375rem 0; box-sizing: border-box; background-color: #fff; position: relative; align-content: flex-start; } .l-calendar-box .date-content .date-weekday-item[data-v-665735f1] { width: 14.2857%; display: flex; align-items: center; justify-content: center; padding: 0.375rem 0; overflow: hidden; position: relative; z-index: 2; } .l-calendar-box .date-content .date-weekday-item .date-content-item[data-v-665735f1] { width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 1rem; line-height: 1rem; position: relative; border-radius: 50%; background-color: transparent; } .l-calendar-box .date-content .date-weekday-item .date-content-item .custom-desc[data-v-665735f1] { width: 100%; font-size: 0.75rem; line-height: 0.75rem; transform: scale(0.8); transform-origin: center center; text-align: center; } .l-calendar-box .date-content .date-weekday-item .date-content-item-desc[data-v-665735f1] { width: 100%; font-size: 0.75rem; line-height: 0.75rem; position: absolute; left: 0; transform: scale(0.8); transform-origin: center center; text-align: center; bottom: 0.25rem; z-index: 2; } .l-calendar-box .date-content .start-date[data-v-665735f1] { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .l-calendar-box .date-content .end-date[data-v-665735f1] { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .l-calendar-box .date-content .bg-mounth[data-v-665735f1] { position: absolute; font-size: 8.125rem; line-height: 8.125rem; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #f5f5f7; z-index: 1; } .l-calendar-box .calendar-text[data-v-665735f1] { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #fff; padding: 0 1.3125rem 0.9375rem; box-sizing: border-box; font-size: 0.75rem; color: #666; } .l-calendar-box .calendar-text .calendar-result[data-v-665735f1] { height: 1.5rem; transform: scale(0.9); transform-origin: center 100%; } .l-calendar-box .calendar-text .calendar-btn[data-v-665735f1] { width: 100%; } .l-calendar-box .calendar-text .calendar-btn uni-button[data-v-665735f1] { background-color: #D3832A; color: #fff; height: 2.5rem; line-height: 2.25rem; font-size: 1rem; border: none; } .mask[data-v-665735f1] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 9996; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; } .mask-show[data-v-665735f1] { opacity: 1; visibility: visible; } /* @font-face { font-family: 'tuiDateFont'; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA0AAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAFRAAAABoAAAAci0/w50dERUYAAAUkAAAAHgAAAB4AKQANT1MvMgAAAaAAAABDAAAAVjxuSNNjbWFwAAAB+AAAAEoAAAFS5iPQt2dhc3AAAAUcAAAACAAAAAj//wADZ2x5ZgAAAlQAAAFHAAABvPf29TBoZWFkAAABMAAAADAAAAA2GMsN3WhoZWEAAAFgAAAAHQAAACQHjAOFaG10eAAAAeQAAAATAAAAFgzQAPJsb2NhAAACRAAAABAAAAAQAOoBSG1heHAAAAGAAAAAHgAAACABEwA3bmFtZQAAA5wAAAFJAAACiCnmEVVwb3N0AAAE6AAAADQAAABLUwjqHHjaY2BkYGAAYp5Gj5/x/DZfGbhZGEDg1tUn7+F00P/LzOuY9YFcDgYmkCgAa0gNlHjaY2BkYGBu+N/AEMPCAALM6xgYGVABCwBT4AMaAAAAeNpjYGRgYGBn0GZgYgABEMkFhAwM/8F8BgANaAFLAAB42mNgZGFgnMDAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PGJ49ZG7438AQw9zA0AAUZgTJAQDrcAy8AHjaY2GAABYIDgLCBQx1AAcEAc8AeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMzxifcTx7+P8/kMUAYUkxS/6VVIXqAgNGNgY4lxGoB6QPBTAyDHsAADDkDYkAAAAAAAAAAAAAADQAagC2AN542m2QsU7DMBCG/Tt1bNPUiUnkSgiVtqKpxJAgVLVbeAa6MaK+B4JXgJWBjY21UtW5gpkdMTFX7dzApaJLhXU6n8+n//ttxtn458N79XJWZ8eMxS00C4wy9A1EP8PQncAlIQzS4WgsVtPpSmwzV3OFRqLetH5TSQMK939X61ptPZ2p2EAttNMLBRMrtschQblDeS34aY50cIkCzg/B2Y5C+VpyQxhFkRgu515O8jvU5mmPM2O0wJ5Z27vhX+yMsV437WvCdTM+GI40MgwKfuGammC0uURqeqFMfe9cxaJclkt5GMaB1hIR1VobOgpEiKq+sLZcIrJWhO3/Jw7qWlYj1Jf21FaCtmd5bevrlk28O/7A4spXTl4KTh9MTlqQ8PESBRstReic+sRj0Dni9fIqmNS/pXNWCvWOeYBmx5S9Bsn9Ah+5WtAAeNp9kD1OAzEQhZ/zByQSQiCoXVEA2vyUKRMp9Ailo0g23pBo1155nUg5AS0VB6DlGByAGyDRcgpelkmTImvt6PObmeexAZzjGwr/3yXuhBWO8ShcwREy4Sr1F+Ea+V24jhY+hRvUf4SbuFUD4RYu1BsdVO2Eu5vSbcsKZxgIV3CKJ+Eq9ZVwjfwqXMcVPoQb1L+EmxjjV7iFa2WpDOFhMEFgnEFjig3jAjEcLJIyBtahOfRmEsxMTzd6ETubOBso71dilwMeaDnngCntPbdmvkon/mDLgdSYbh4FS7YpjS4idCgbXyyc1d2oc7D9nu22tNi/a4E1x+xRDWzU/D3bM9JIbAyvkJI18jK3pBJTj2hrrPG7ZynW814IiU68y/SIx5o0dTr3bmniwOLn8owcfbS5kj33qBw+Y1kIeb/dTsQgil2GP5PYcRkAAAB42mNgYoAALjDJyIAO2MGiTIxMjMyMLIys7GmJeRmlmWZQ2pQ5OSORLaU0Mz2/FACDfwlbAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMABgABAAQAAAACAAAAAHjaY2BgYGQAgqtL1DlA9K2rT97DaABNlwiuAAA=) format('woff'); font-weight: normal; font-style: normal; } .tui-iconfont { font-family: 'tuiDateFont' !important; font-size: 36upx; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tui-font-close:before { content: '\e608'; } .tui-font-check:before { content: '\e6e1'; } .date-arrowright:before { content: '\e600'; } .date-arrowleft:before { content: '\e601'; } */ .tui-btn-calendar[data-v-665735f1] { padding: 0.5rem; box-sizing: border-box; text-align: center; text-decoration: none; } .l-opacity[data-v-665735f1] { opacity: 0.5; } .calendar-box-show[data-v-665735f1] { transform: translate3d(0, 0, 0); visibility: visible; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .inputsr { width: 12.5rem !important; height: 2rem; background: #F5F5F6; border-radius: 0.25rem 0.25rem 0.25rem 0.25rem; opacity: 1; border: 0.0625rem solid #EEEEEE; padding: 0.5rem 0.5625rem; box-sizing: border-box; padding-right: 0; display: flex; align-items: center; justify-content: space-between; font-size: 0.8125rem; font-weight: 400; color: #092C4D; } .inputsr > uni-input { flex: 1; font-size: 0.8125rem; } .scvbx { width: 100%; height: 81vh; margin-top: 0.625rem; } .scvbx .mabxslist { display: flex; flex-direction: column; align-items: center; } .scvbx .mabxslist > .item { width: 21.4375rem; background: #FFFFFF; border-radius: 0.25rem; padding: 0.625rem 0; box-sizing: border-box; margin-bottom: 0.625rem; } .scvbx .mabxslist > .item > .headtop { display: flex; flex-direction: column; padding: 0.75rem; } .scvbx .mabxslist > .item > .headtop > .type1s { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 0.625rem; box-sizing: border-box; font-size: 0.875rem; font-weight: 400; color: #092C4D; } .scvbx .mabxslist > .item > .headtop > .type1s > uni-view { flex: 1; } .scvbx .mabxslist > .item > .headtop > .type1s .bhcolor { color: #0086F1; } .scvbx .mabxslist > .item > .headtop > .liebs { display: flex; align-items: flex-start; justify-content: space-around; } .scvbx .mabxslist > .item > .headtop > .liebs > uni-view { display: flex; flex-direction: column; align-items: center; margin-top: 0.625rem; } .scvbx .mabxslist > .item > .headtop > .liebs > uni-view:nth-of-type(1) > uni-view:nth-of-type(2) { color: #092C4D; } .scvbx .mabxslist > .item > .headtop > .liebs > uni-view:nth-of-type(2) > uni-view:nth-of-type(2) { color: #0086F1; } .scvbx .mabxslist > .item > .headtop > .liebs > uni-view:nth-of-type(3) > uni-view:nth-of-type(2) { color: #3AD8BC; } .scvbx .mabxslist > .item > .headtop > .liebs > uni-view:nth-of-type(4) > uni-view:nth-of-type(2) { color: #FA8C16; } .scvbx .mabxslist > .item > .headtop > .liebs > uni-view > uni-view:nth-of-type(1) { font-size: 0.875rem; font-weight: 400; color: #092C4D; } .scvbx .mabxslist > .item > .headtop > .liebs > uni-view > uni-view:nth-of-type(2) { font-size: 1.125rem; font-weight: 400; margin-top: 0.625rem; } .scvbx .mabxslist > .item > .buts { border-top: 0.09375rem solid #EEEEEE; display: flex; align-items: center; justify-content: space-around; padding-top: 0.625rem; } .scvbx .mabxslist > .item > .buts > uni-view { width: 6.375rem; height: 2rem; border-radius: 0.25rem; opacity: 1; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; } .scvbx .mabxslist > .item > .buts > uni-view:nth-of-type(1) { border: 0.0625rem solid #0086F1; color: #0086F1; } .scvbx .mabxslist > .item > .buts > uni-view:nth-of-type(2) { border: 0.0625rem solid #D3832A; color: #D3832A; } .schbox { display: flex; align-items: center; justify-content: space-between; padding: 0.46875rem 1rem; box-sizing: border-box; background-color: #ffffff; } .schbox > uni-view:nth-of-type(1) { font-size: 0.875rem; font-weight: 400; color: #092C4D; } .schbox > uni-view:nth-of-type(2) { width: 11.875rem; } .schbox > uni-view:nth-of-type(3) { width: 4rem; height: 2rem; background: #D3832A; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 400; color: #FFFFFF; }