/* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .score-img[data-v-88659292] { width: 1.125rem; height: 1.125rem; margin: 0 0.125rem; } .ss-order-card-warp[data-v-88659292] { padding: 0.625rem; } .ss-order-card-warp .img-box[data-v-88659292] { width: 5.125rem; height: 5.125rem; overflow: hidden; border-radius: 0.3125rem; } .ss-order-card-warp .img-box .order-img[data-v-88659292] { width: 5.125rem; height: 5.125rem; } .ss-order-card-warp .box-right[data-v-88659292] { position: relative; flex: 1; } .ss-order-card-warp .box-right .tool-box[data-v-88659292] { position: absolute; right: 0; bottom: -0.3125rem; } .ss-order-card-warp .title-text[data-v-88659292] { font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; } .ss-order-card-warp .spec-text[data-v-88659292] { display: -webkit-box; min-width: 0; overflow: hidden; font-size: 0.75rem; font-weight: 400; color: #999999; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ss-order-card-warp .price-text[data-v-88659292] { font-family: OPPOSANS; font-size: 0.75rem; font-weight: 500; } .ss-order-card-warp .total-text[data-v-88659292] { margin-left: 0.25rem; font-size: 0.75rem; font-weight: 400; line-height: 0.75rem; color: #999999; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uniui-color[data-v-b40d096c]:before { content: "\e6cf"; } .uniui-wallet[data-v-b40d096c]:before { content: "\e6b1"; } .uniui-settings-filled[data-v-b40d096c]:before { content: "\e6ce"; } .uniui-auth-filled[data-v-b40d096c]:before { content: "\e6cc"; } .uniui-shop-filled[data-v-b40d096c]:before { content: "\e6cd"; } .uniui-staff-filled[data-v-b40d096c]:before { content: "\e6cb"; } .uniui-vip-filled[data-v-b40d096c]:before { content: "\e6c6"; } .uniui-plus-filled[data-v-b40d096c]:before { content: "\e6c7"; } .uniui-folder-add-filled[data-v-b40d096c]:before { content: "\e6c8"; } .uniui-color-filled[data-v-b40d096c]:before { content: "\e6c9"; } .uniui-tune-filled[data-v-b40d096c]:before { content: "\e6ca"; } .uniui-calendar-filled[data-v-b40d096c]:before { content: "\e6c0"; } .uniui-notification-filled[data-v-b40d096c]:before { content: "\e6c1"; } .uniui-wallet-filled[data-v-b40d096c]:before { content: "\e6c2"; } .uniui-medal-filled[data-v-b40d096c]:before { content: "\e6c3"; } .uniui-gift-filled[data-v-b40d096c]:before { content: "\e6c4"; } .uniui-fire-filled[data-v-b40d096c]:before { content: "\e6c5"; } .uniui-refreshempty[data-v-b40d096c]:before { content: "\e6bf"; } .uniui-location-filled[data-v-b40d096c]:before { content: "\e6af"; } .uniui-person-filled[data-v-b40d096c]:before { content: "\e69d"; } .uniui-personadd-filled[data-v-b40d096c]:before { content: "\e698"; } .uniui-back[data-v-b40d096c]:before { content: "\e6b9"; } .uniui-forward[data-v-b40d096c]:before { content: "\e6ba"; } .uniui-arrow-right[data-v-b40d096c]:before { content: "\e6bb"; } .uniui-arrowthinright[data-v-b40d096c]:before { content: "\e6bb"; } .uniui-arrow-left[data-v-b40d096c]:before { content: "\e6bc"; } .uniui-arrowthinleft[data-v-b40d096c]:before { content: "\e6bc"; } .uniui-arrow-up[data-v-b40d096c]:before { content: "\e6bd"; } .uniui-arrowthinup[data-v-b40d096c]:before { content: "\e6bd"; } .uniui-arrow-down[data-v-b40d096c]:before { content: "\e6be"; } .uniui-arrowthindown[data-v-b40d096c]:before { content: "\e6be"; } .uniui-bottom[data-v-b40d096c]:before { content: "\e6b8"; } .uniui-arrowdown[data-v-b40d096c]:before { content: "\e6b8"; } .uniui-right[data-v-b40d096c]:before { content: "\e6b5"; } .uniui-arrowright[data-v-b40d096c]:before { content: "\e6b5"; } .uniui-top[data-v-b40d096c]:before { content: "\e6b6"; } .uniui-arrowup[data-v-b40d096c]:before { content: "\e6b6"; } .uniui-left[data-v-b40d096c]:before { content: "\e6b7"; } .uniui-arrowleft[data-v-b40d096c]:before { content: "\e6b7"; } .uniui-eye[data-v-b40d096c]:before { content: "\e651"; } .uniui-eye-filled[data-v-b40d096c]:before { content: "\e66a"; } .uniui-eye-slash[data-v-b40d096c]:before { content: "\e6b3"; } .uniui-eye-slash-filled[data-v-b40d096c]:before { content: "\e6b4"; } .uniui-info-filled[data-v-b40d096c]:before { content: "\e649"; } .uniui-reload[data-v-b40d096c]:before { content: "\e6b2"; } .uniui-micoff-filled[data-v-b40d096c]:before { content: "\e6b0"; } .uniui-map-pin-ellipse[data-v-b40d096c]:before { content: "\e6ac"; } .uniui-map-pin[data-v-b40d096c]:before { content: "\e6ad"; } .uniui-location[data-v-b40d096c]:before { content: "\e6ae"; } .uniui-starhalf[data-v-b40d096c]:before { content: "\e683"; } .uniui-star[data-v-b40d096c]:before { content: "\e688"; } .uniui-star-filled[data-v-b40d096c]:before { content: "\e68f"; } .uniui-calendar[data-v-b40d096c]:before { content: "\e6a0"; } .uniui-fire[data-v-b40d096c]:before { content: "\e6a1"; } .uniui-medal[data-v-b40d096c]:before { content: "\e6a2"; } .uniui-font[data-v-b40d096c]:before { content: "\e6a3"; } .uniui-gift[data-v-b40d096c]:before { content: "\e6a4"; } .uniui-link[data-v-b40d096c]:before { content: "\e6a5"; } .uniui-notification[data-v-b40d096c]:before { content: "\e6a6"; } .uniui-staff[data-v-b40d096c]:before { content: "\e6a7"; } .uniui-vip[data-v-b40d096c]:before { content: "\e6a8"; } .uniui-folder-add[data-v-b40d096c]:before { content: "\e6a9"; } .uniui-tune[data-v-b40d096c]:before { content: "\e6aa"; } .uniui-auth[data-v-b40d096c]:before { content: "\e6ab"; } .uniui-person[data-v-b40d096c]:before { content: "\e699"; } .uniui-email-filled[data-v-b40d096c]:before { content: "\e69a"; } .uniui-phone-filled[data-v-b40d096c]:before { content: "\e69b"; } .uniui-phone[data-v-b40d096c]:before { content: "\e69c"; } .uniui-email[data-v-b40d096c]:before { content: "\e69e"; } .uniui-personadd[data-v-b40d096c]:before { content: "\e69f"; } .uniui-chatboxes-filled[data-v-b40d096c]:before { content: "\e692"; } .uniui-contact[data-v-b40d096c]:before { content: "\e693"; } .uniui-chatbubble-filled[data-v-b40d096c]:before { content: "\e694"; } .uniui-contact-filled[data-v-b40d096c]:before { content: "\e695"; } .uniui-chatboxes[data-v-b40d096c]:before { content: "\e696"; } .uniui-chatbubble[data-v-b40d096c]:before { content: "\e697"; } .uniui-upload-filled[data-v-b40d096c]:before { content: "\e68e"; } .uniui-upload[data-v-b40d096c]:before { content: "\e690"; } .uniui-weixin[data-v-b40d096c]:before { content: "\e691"; } .uniui-compose[data-v-b40d096c]:before { content: "\e67f"; } .uniui-qq[data-v-b40d096c]:before { content: "\e680"; } .uniui-download-filled[data-v-b40d096c]:before { content: "\e681"; } .uniui-pyq[data-v-b40d096c]:before { content: "\e682"; } .uniui-sound[data-v-b40d096c]:before { content: "\e684"; } .uniui-trash-filled[data-v-b40d096c]:before { content: "\e685"; } .uniui-sound-filled[data-v-b40d096c]:before { content: "\e686"; } .uniui-trash[data-v-b40d096c]:before { content: "\e687"; } .uniui-videocam-filled[data-v-b40d096c]:before { content: "\e689"; } .uniui-spinner-cycle[data-v-b40d096c]:before { content: "\e68a"; } .uniui-weibo[data-v-b40d096c]:before { content: "\e68b"; } .uniui-videocam[data-v-b40d096c]:before { content: "\e68c"; } .uniui-download[data-v-b40d096c]:before { content: "\e68d"; } .uniui-help[data-v-b40d096c]:before { content: "\e679"; } .uniui-navigate-filled[data-v-b40d096c]:before { content: "\e67a"; } .uniui-plusempty[data-v-b40d096c]:before { content: "\e67b"; } .uniui-smallcircle[data-v-b40d096c]:before { content: "\e67c"; } .uniui-minus-filled[data-v-b40d096c]:before { content: "\e67d"; } .uniui-micoff[data-v-b40d096c]:before { content: "\e67e"; } .uniui-closeempty[data-v-b40d096c]:before { content: "\e66c"; } .uniui-clear[data-v-b40d096c]:before { content: "\e66d"; } .uniui-navigate[data-v-b40d096c]:before { content: "\e66e"; } .uniui-minus[data-v-b40d096c]:before { content: "\e66f"; } .uniui-image[data-v-b40d096c]:before { content: "\e670"; } .uniui-mic[data-v-b40d096c]:before { content: "\e671"; } .uniui-paperplane[data-v-b40d096c]:before { content: "\e672"; } .uniui-close[data-v-b40d096c]:before { content: "\e673"; } .uniui-help-filled[data-v-b40d096c]:before { content: "\e674"; } .uniui-paperplane-filled[data-v-b40d096c]:before { content: "\e675"; } .uniui-plus[data-v-b40d096c]:before { content: "\e676"; } .uniui-mic-filled[data-v-b40d096c]:before { content: "\e677"; } .uniui-image-filled[data-v-b40d096c]:before { content: "\e678"; } .uniui-locked-filled[data-v-b40d096c]:before { content: "\e668"; } .uniui-info[data-v-b40d096c]:before { content: "\e669"; } .uniui-locked[data-v-b40d096c]:before { content: "\e66b"; } .uniui-camera-filled[data-v-b40d096c]:before { content: "\e658"; } .uniui-chat-filled[data-v-b40d096c]:before { content: "\e659"; } .uniui-camera[data-v-b40d096c]:before { content: "\e65a"; } .uniui-circle[data-v-b40d096c]:before { content: "\e65b"; } .uniui-checkmarkempty[data-v-b40d096c]:before { content: "\e65c"; } .uniui-chat[data-v-b40d096c]:before { content: "\e65d"; } .uniui-circle-filled[data-v-b40d096c]:before { content: "\e65e"; } .uniui-flag[data-v-b40d096c]:before { content: "\e65f"; } .uniui-flag-filled[data-v-b40d096c]:before { content: "\e660"; } .uniui-gear-filled[data-v-b40d096c]:before { content: "\e661"; } .uniui-home[data-v-b40d096c]:before { content: "\e662"; } .uniui-home-filled[data-v-b40d096c]:before { content: "\e663"; } .uniui-gear[data-v-b40d096c]:before { content: "\e664"; } .uniui-smallcircle-filled[data-v-b40d096c]:before { content: "\e665"; } .uniui-map-filled[data-v-b40d096c]:before { content: "\e666"; } .uniui-map[data-v-b40d096c]:before { content: "\e667"; } .uniui-refresh-filled[data-v-b40d096c]:before { content: "\e656"; } .uniui-refresh[data-v-b40d096c]:before { content: "\e657"; } .uniui-cloud-upload[data-v-b40d096c]:before { content: "\e645"; } .uniui-cloud-download-filled[data-v-b40d096c]:before { content: "\e646"; } .uniui-cloud-download[data-v-b40d096c]:before { content: "\e647"; } .uniui-cloud-upload-filled[data-v-b40d096c]:before { content: "\e648"; } .uniui-redo[data-v-b40d096c]:before { content: "\e64a"; } .uniui-images-filled[data-v-b40d096c]:before { content: "\e64b"; } .uniui-undo-filled[data-v-b40d096c]:before { content: "\e64c"; } .uniui-more[data-v-b40d096c]:before { content: "\e64d"; } .uniui-more-filled[data-v-b40d096c]:before { content: "\e64e"; } .uniui-undo[data-v-b40d096c]:before { content: "\e64f"; } .uniui-images[data-v-b40d096c]:before { content: "\e650"; } .uniui-paperclip[data-v-b40d096c]:before { content: "\e652"; } .uniui-settings[data-v-b40d096c]:before { content: "\e653"; } .uniui-search[data-v-b40d096c]:before { content: "\e654"; } .uniui-redo-filled[data-v-b40d096c]:before { content: "\e655"; } .uniui-list[data-v-b40d096c]:before { content: "\e644"; } .uniui-mail-open-filled[data-v-b40d096c]:before { content: "\e63a"; } .uniui-hand-down-filled[data-v-b40d096c]:before { content: "\e63c"; } .uniui-hand-down[data-v-b40d096c]:before { content: "\e63d"; } .uniui-hand-up-filled[data-v-b40d096c]:before { content: "\e63e"; } .uniui-hand-up[data-v-b40d096c]:before { content: "\e63f"; } .uniui-heart-filled[data-v-b40d096c]:before { content: "\e641"; } .uniui-mail-open[data-v-b40d096c]:before { content: "\e643"; } .uniui-heart[data-v-b40d096c]:before { content: "\e639"; } .uniui-loop[data-v-b40d096c]:before { content: "\e633"; } .uniui-pulldown[data-v-b40d096c]:before { content: "\e632"; } .uniui-scan[data-v-b40d096c]:before { content: "\e62a"; } .uniui-bars[data-v-b40d096c]:before { content: "\e627"; } .uniui-cart-filled[data-v-b40d096c]:before { content: "\e629"; } .uniui-checkbox[data-v-b40d096c]:before { content: "\e62b"; } .uniui-checkbox-filled[data-v-b40d096c]:before { content: "\e62c"; } .uniui-shop[data-v-b40d096c]:before { content: "\e62f"; } .uniui-headphones[data-v-b40d096c]:before { content: "\e630"; } .uniui-cart[data-v-b40d096c]:before { content: "\e631"; } @font-face { font-family: uniicons; src: url("../../../assets/uniicons.89ed7d6d.ttf") format("truetype"); } .uni-icons[data-v-b40d096c] { font-family: uniicons; text-decoration: none; text-align: center; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-easyinput[data-v-af395001] { width: 100%; flex: 1; position: relative; text-align: left; color: #333; font-size: 14px; } .uni-easyinput__content[data-v-af395001] { flex: 1; width: 100%; display: flex; box-sizing: border-box; min-height: 2.25rem; flex-direction: row; align-items: center; } .uni-easyinput__content-input[data-v-af395001] { width: auto; position: relative; overflow: hidden; flex: 1; line-height: 1.75rem; font-size: 0.875rem; height: 1.75rem; } .uni-easyinput__placeholder-class[data-v-af395001] { color: #bbbbbb; font-size: 0.875rem; font-weight: 400; line-height: normal; } .is-textarea[data-v-af395001] { align-items: flex-start; } .is-textarea-icon[data-v-af395001] { margin-top: 5px; } .uni-easyinput__content-textarea[data-v-af395001] { position: relative; overflow: hidden; flex: 1; line-height: 1.5; font-size: 14px; padding-top: 6px; padding-bottom: 10px; height: 80px; min-height: 80px; width: auto; } .input-padding[data-v-af395001] { padding-left: 10px; } .content-clear-icon[data-v-af395001] { padding: 0 5px; } .label-icon[data-v-af395001] { margin-right: 5px; margin-top: -1px; } .is-input-border[data-v-af395001] { display: flex; box-sizing: border-box; flex-direction: row; align-items: center; border: 1px solid #dcdfe6; border-radius: 4px; } .uni-error-message[data-v-af395001] { position: absolute; bottom: -17px; left: 0; line-height: 12px; color: #e43d33; font-size: 12px; text-align: left; } .uni-error-msg--boeder[data-v-af395001] { position: relative; bottom: 0; line-height: 22px; } .is-input-error-border[data-v-af395001] { border-color: #e43d33; } .uni-easyinput--border[data-v-af395001] { margin-bottom: 0; padding: 10px 15px; border-top: 1px #eee solid; } .uni-easyinput-error[data-v-af395001] { padding-bottom: 0; } .is-first-border[data-v-af395001] { border: none; } .is-disabled[data-v-af395001] { border-color: red; background-color: #f7f6f6; color: #d5d5d5; } .is-disabled .uni-easyinput__placeholder-class[data-v-af395001] { color: #d5d5d5; font-size: 12px; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .info-bg-color[data-v-22014b95] { background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); } .disabled-bg-color[data-v-22014b95] { background: #999; } .info-color[data-v-22014b95] { color: #333; } .subtitle-color[data-v-22014b95] { color: #666; } .disabled-color[data-v-22014b95] { color: #999; } .content[data-v-22014b95] { width: 100%; background: #fff; border-radius: 0.625rem 0.625rem 0 0; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04); -webkit-mask: radial-gradient(circle at 0.375rem 100%, rgba(0, 0, 0, 0) 0.375rem, red 0) -0.375rem; } .content .tag[data-v-22014b95] { width: 3.125rem; height: 1.25rem; font-size: 0.75rem; color: #fff; border-radius: 0.625rem 0 0.625rem 0; } .content .title[data-v-22014b95] { padding-bottom: 0.6875rem; border-bottom: 0.0625rem dashed #d3d3d3; } .content .title .value-text[data-v-22014b95] { font-size: 1rem; font-weight: 600; } .content .title .sellby-text[data-v-22014b95] { font-size: 0.75rem; font-weight: 400; } .content .title .value-price[data-v-22014b95] { font-family: OPPOSANS; font-size: 2rem; font-weight: 500; line-height: normal; } .content .title .value-reduce[data-v-22014b95] { font-size: 1rem; line-height: normal; } .content .title .value-discount[data-v-22014b95] { font-size: 0.875rem; line-height: normal; } .content .title .value-enough[data-v-22014b95] { font-family: OPPOSANS; font-size: 0.75rem; font-weight: 400; } .desc[data-v-22014b95] { box-sizing: border-box; width: 100%; padding: 0.75rem 0.9375rem; background: #fff; border-radius: 0 0 0.625rem 0.625rem; box-shadow: rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04); -webkit-mask: radial-gradient(circle at 0.375rem 0%, rgba(0, 0, 0, 0) 0.375rem, red 0) -0.375rem; } .desc .desc-title[data-v-22014b95] { font-size: 0.75rem; font-weight: 400; color: #999; } .price-text[data-v-22014b95] { color: #ff0000; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .close-icon[data-v-68bb66b9] { position: absolute; left: 50%; transform: translateX(-50%); bottom: -2.5rem; z-index: 100; } .uni-popup[data-v-68bb66b9] { position: fixed; z-index: 99; } .uni-popup.top[data-v-68bb66b9], .uni-popup.left[data-v-68bb66b9], .uni-popup.right[data-v-68bb66b9] { top: 0; } .uni-popup .uni-popup__wrapper[data-v-68bb66b9] { display: block; position: relative; background: var(--68bb66b9-backgroundImage) no-repeat; background-size: 100% 100%; /* iphonex 等安全区设置,底部安全区适配 */ } .uni-popup .uni-popup__wrapper.left[data-v-68bb66b9], .uni-popup .uni-popup__wrapper.right[data-v-68bb66b9] { padding-top: 0; flex: 1; } .fixforpc-z-index[data-v-68bb66b9] { z-index: 999; } .fixforpc-top[data-v-68bb66b9] { top: 0; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ [data-v-a3fd9407] .uni-checkbox-input { background-color: var(--ui-BG-Main); } .model-box[data-v-a3fd9407] { height: 60vh; } .title[data-v-a3fd9407] { height: 2.5rem; font-size: 1.125rem; font-weight: bold; color: #333333; } .subtitle[data-v-a3fd9407] { font-size: 0.8125rem; font-weight: 500; color: #333333; } .model-content[data-v-a3fd9407] { height: 54vh; } .modal-footer[data-v-a3fd9407] { width: 100%; height: 3.75rem; background: #fff; } .confirm-btn[data-v-a3fd9407] { width: 22.1875rem; height: 2.5rem; margin-left: 0.625rem; color: #fff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 1.25rem; } .reason-title[data-v-a3fd9407] { font-size: 0.625rem; font-weight: 600; line-height: 0.8125rem; color: #ff0003; } .reason-desc[data-v-a3fd9407] { font-size: 0.625rem; font-weight: 600; line-height: 0.8125rem; color: #434343; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .model-box[data-v-cff21bac] { height: 60vh; } .model-content[data-v-cff21bac] { height: 54vh; } .modal-footer[data-v-cff21bac] { width: 100%; height: 3.75rem; background: #fff; } .confirm-btn[data-v-cff21bac] { width: 22.1875rem; height: 2.5rem; margin-left: 0.625rem; color: #fff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 1.25rem; } .content-img[data-v-cff21bac] { width: 4.375rem; height: 4.375rem; margin-right: 0.625rem; margin-bottom: 0.625rem; } .subtitle[data-v-cff21bac] { font-size: 0.875rem; font-weight: 500; color: #333333; } .price-text[data-v-cff21bac] { color: #ff3000; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .ui-fixed .ui-fixed-box[data-v-f2c62a34] { position: relative; width: 100%; } .ui-fixed .ui-fixed-box.fixed[data-v-f2c62a34] { position: fixed; } .ui-fixed .ui-fixed-box .ui-fixed-content[data-v-f2c62a34] { position: relative; } .ui-fixed .ui-fixed-box .ui-fixed-bg[data-v-f2c62a34] { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; } .inset-bottom[data-v-f2c62a34] { background: #fff; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-status-bar[data-v-b26c3f0c] { height: var(--status-bar-height); } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-searchbar[data-v-d3b05381] { display: flex; flex-direction: row; position: relative; padding: 5px; } .uni-searchbar__box[data-v-d3b05381] { display: flex; box-sizing: border-box; overflow: hidden; position: relative; flex: 1; flex-direction: row; align-items: center; height: 36px; padding: 5px 8px 5px 0px; } .uni-searchbar__box-icon-search[data-v-d3b05381] { display: flex; flex-direction: row; padding: 0 8px; justify-content: center; align-items: center; color: #b3b3b3; } .uni-searchbar__box-search-input[data-v-d3b05381] { flex: 1; font-size: 14px; color: #333; } .uni-searchbar__box-icon-clear[data-v-d3b05381] { align-items: center; line-height: 24px; padding-left: 8px; } .uni-searchbar__text-placeholder[data-v-d3b05381] { font-size: 14px; color: #b3b3b3; margin-left: 5px; } .uni-searchbar__cancel[data-v-d3b05381] { padding-left: 10px; line-height: 36px; font-size: 14px; color: #333333; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .bg-main[data-v-23167941] { background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)) !important; color: #fff !important; } .icon-box[data-v-23167941] { background: #ffffff; box-shadow: 0px 0px 0.125rem rgba(51, 51, 51, 0.08), 0px 0.125rem 0.1875rem 0.0625rem rgba(102, 102, 102, 0.12); border-radius: 0.9375rem; width: 4.1875rem; height: 1.75rem; margin-left: 0.25rem; } .icon-box .line[data-v-23167941] { width: 0.0625rem; height: 0.75rem; background: #e5e5e7; } .icon-box .sicon-back[data-v-23167941] { font-size: 1rem; color: #000; } .icon-box .sicon-home[data-v-23167941] { font-size: 1rem; color: #000; } .icon-box .sicon-more[data-v-23167941] { font-size: 1rem; color: #000; } .icon-box .icon-button[data-v-23167941] { width: 2.09375rem; height: 1.75rem; } .icon-box .icon-button-left[data-v-23167941]:hover { background: rgba(0, 0, 0, 0.16); border-radius: 0.9375rem 0px 0px 0.9375rem; } .icon-box .icon-button-right[data-v-23167941]:hover { background: rgba(0, 0, 0, 0.16); border-radius: 0px 0.9375rem 0.9375rem 0px; } .fixed-bg[data-v-23167941] { position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; pointer-events: none; } .uni-nav-bar-text[data-v-23167941] { font-size: 1.0625rem; } .uni-nav-bar-right-text[data-v-23167941] { font-size: 12px; } .uni-navbar__content[data-v-23167941] { position: relative; background-color: transparent; } .uni-navbar-btn-text[data-v-23167941] { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; line-height: 18px; } .uni-navbar__header[data-v-23167941] { display: flex; padding: 0 10px; flex-direction: row; justify-content: space-between; height: 44px; font-size: 12px; position: relative; z-index: 2; } .uni-navbar__header-btns[data-v-23167941] { overflow: hidden; display: flex; flex-wrap: nowrap; flex-direction: row; min-width: 1.25rem; justify-content: center; align-items: center; } .uni-navbar__header-btns-left[data-v-23167941] { display: flex; width: 3.75rem; justify-content: flex-start; align-items: center; } .uni-navbar__header-btns-right[data-v-23167941] { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .uni-navbar__header-container[data-v-23167941] { position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; } .uni-navbar__header-container-inner[data-v-23167941] { display: flex; flex: 1; flex-direction: row; align-items: center; justify-content: center; font-size: 12px; overflow: hidden; } .uni-navbar__placeholder-view[data-v-23167941] { height: 44px; } .uni-navbar--fixed[data-v-23167941] { position: fixed; z-index: 998; left: 0; right: 0; } .uni-navbar--shadow[data-v-23167941] { box-shadow: 0 1px 6px #ccc; } .uni-navbar--border[data-v-23167941] { border-bottom-width: 0.03125rem; border-bottom-style: solid; border-bottom-color: #eee; } .uni-ellipsis-1[data-v-23167941] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .ui-navbar-box[data-v-5fb279fa] { width: 100%; background-color: transparent; } .ui-navbar-box .ui-bar[data-v-5fb279fa] { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; } .ui-navbar-box .ui-bar .left[data-v-5fb279fa] { position: relative; display: flex; align-items: center; justify-content: space-between; } .ui-navbar-box .ui-bar .left .back[data-v-5fb279fa] { position: relative; display: flex; align-items: center; justify-content: space-between; } .ui-navbar-box .ui-bar .left .back .back-icon[data-v-5fb279fa] { display: flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; margin: 0 0.3125rem; font-size: 1.4375rem !important; } .ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-5fb279fa] { position: relative; background-color: rgba(127, 127, 127, 0.5); border-radius: 50%; } .ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-5fb279fa]::after { position: absolute; top: 0; left: 0; display: block; width: 200%; height: 200%; pointer-events: none; content: ""; border: 1px solid currentColor; border-radius: inherit; opacity: 0.1; transform: scale(0.5); transform-origin: 0 0; } .ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-5fb279fa]::before { transform: scale(0.9); } .ui-navbar-box .ui-bar .left .capsule[data-v-5fb279fa] { position: relative; display: flex; align-items: center; justify-content: space-between; position: relative; border-radius: 100px; } .ui-navbar-box .ui-bar .left .capsule.dark[data-v-5fb279fa] { background-color: rgba(255, 255, 255, 0.5); } .ui-navbar-box .ui-bar .left .capsule.light[data-v-5fb279fa] { background-color: rgba(0, 0, 0, 0.15); } .ui-navbar-box .ui-bar .left .capsule[data-v-5fb279fa]::after { position: absolute; top: 20%; left: 50%; display: block; width: 1px; height: 60%; pointer-events: none; content: ""; background-color: currentColor; opacity: 0.1; } .ui-navbar-box .ui-bar .left .capsule[data-v-5fb279fa]::before { position: absolute; top: 0; left: 0; display: block; width: 200%; height: 200%; pointer-events: none; content: ""; border: 1px solid currentColor; border-radius: inherit; opacity: 0.1; transform: scale(0.5); transform-origin: 0 0; } .ui-navbar-box .ui-bar .left .capsule .capsule-back[data-v-5fb279fa], .ui-navbar-box .ui-bar .left .capsule .capsule-home[data-v-5fb279fa] { display: flex; align-items: center; justify-content: center; flex: 1; } .ui-navbar-box .ui-bar .left .capsule.isFristPage .capsule-back[data-v-5fb279fa], .ui-navbar-box .ui-bar .left .capsule.isFristPage[data-v-5fb279fa]::after { display: none; } .ui-navbar-box .ui-bar .right[data-v-5fb279fa] { position: relative; display: flex; align-items: center; justify-content: space-between; } .ui-navbar-box .ui-bar .right .right-content[data-v-5fb279fa] { display: flex; flex-direction: row; flex-direction: row-reverse; } .ui-navbar-box .ui-bar .center[data-v-5fb279fa] { display: flex; align-items: center; justify-content: center; flex: 1; text-align: center; text-overflow: ellipsis; } .ui-navbar-box .ui-bar .center .image[data-v-5fb279fa] { display: block; max-width: calc(100vw - 200px); height: 36px; } .ui-navbar-box .ui-bar-bg[data-v-5fb279fa] { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .border-content[data-v-fd75520f] { border: 0.0625rem solid #eee; } .search-content[data-v-fd75520f] { flex: 1; position: relative; } .search-content .search-icon[data-v-fd75520f] { font-size: 1.1875rem; margin-right: 0.625rem; } .search-content .keyword-link[data-v-fd75520f] { position: absolute; right: 0.5rem; top: 0.5625rem; } .search-content .search-input[data-v-fd75520f] { font-size: 0.875rem; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .nav-title[data-v-ba103e8b] { font-size: 1.125rem; color: #333; text-align: center; } .menu-icon-wrap .nav-image[data-v-ba103e8b] { height: 24px; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .nav-box[data-v-fae5cc12] { position: relative; width: 23.4375rem; height: 100%; } .nav-box .nav-item[data-v-fae5cc12] { position: absolute; top: 50%; transform: translateY(-50%); } .nav-box .nav-icon[data-v-fae5cc12] { position: absolute; top: 50%; left: 0.625rem; transform: translateY(-50%); } .nav-box .nav-icon .inner-icon-box[data-v-fae5cc12] { background: none !important; border: 1px solid rgba(255, 255, 255, 0.4); } .nav-box .nav-icon .icon-box[data-v-fae5cc12] { width: 4.1875rem; height: 1.75rem; margin-left: 0.25rem; background: #ffffff; border-radius: 0.9375rem; box-shadow: 0px 0px 0.125rem rgba(51, 51, 51, 0.08), 0px 0.125rem 0.1875rem 0.0625rem rgba(102, 102, 102, 0.12); } .nav-box .nav-icon .icon-box .line[data-v-fae5cc12] { width: 0.0625rem; height: 0.75rem; background: #e5e5e7; } .nav-box .nav-icon .icon-box .sicon-back[data-v-fae5cc12] { font-size: 1rem; } .nav-box .nav-icon .icon-box .sicon-home[data-v-fae5cc12] { font-size: 1rem; } .nav-box .nav-icon .icon-box .sicon-more[data-v-fae5cc12] { font-size: 1rem; } .nav-box .nav-icon .icon-box .icon-button[data-v-fae5cc12] { width: 2.09375rem; height: 1.75rem; } .nav-box .nav-icon .icon-box .icon-button-left[data-v-fae5cc12]:hover { background: rgba(0, 0, 0, 0.16); border-radius: 0.9375rem 0px 0px 0.9375rem; } .nav-box .nav-icon .icon-box .icon-button-right[data-v-fae5cc12]:hover { background: rgba(0, 0, 0, 0.16); border-radius: 0px 0.9375rem 0.9375rem 0px; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .icon-box[data-v-f9f9d438] { width: 4.1875rem; height: 1.75rem; margin-left: 0.25rem; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 0.9375rem; box-shadow: 0px 0px 0.125rem rgba(51, 51, 51, 0.08), 0px 0.125rem 0.1875rem 0.0625rem rgba(102, 102, 102, 0.12); } .icon-box .line[data-v-f9f9d438] { width: 0.0625rem; height: 0.75rem; background: #e5e5e7; } .icon-box .sicon-back[data-v-f9f9d438] { font-size: 1rem; } .icon-box .sicon-home[data-v-f9f9d438] { font-size: 1rem; } .icon-box .sicon-more[data-v-f9f9d438] { font-size: 1rem; } .icon-box .icon-button[data-v-f9f9d438] { width: 2.09375rem; height: 1.75rem; } .icon-box .icon-button-left[data-v-f9f9d438]:hover { background: rgba(0, 0, 0, 0.16); border-radius: 0.9375rem 0px 0px 0.9375rem; } .icon-box .icon-button-right[data-v-f9f9d438]:hover { background: rgba(0, 0, 0, 0.16); border-radius: 0px 0.9375rem 0.9375rem 0px; } .navbar-title[data-v-f9f9d438] { font-size: 1.125rem; } .tools-icon[data-v-f9f9d438] { font-size: 1.25rem; } .ui-navbar-box[data-v-f9f9d438] { width: 100%; background-color: transparent; } .ui-navbar-box .ui-bar[data-v-f9f9d438] { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; } .ui-navbar-box .ui-bar .left[data-v-f9f9d438] { position: relative; display: flex; align-items: center; justify-content: space-between; } .ui-navbar-box .ui-bar .left .back[data-v-f9f9d438] { position: relative; display: flex; align-items: center; justify-content: space-between; } .ui-navbar-box .ui-bar .left .back .back-icon[data-v-f9f9d438] { display: flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; margin: 0 0.3125rem; font-size: 1.4375rem !important; } .ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-f9f9d438] { position: relative; background-color: rgba(127, 127, 127, 0.5); border-radius: 50%; } .ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-f9f9d438]::after { position: absolute; top: 0; left: 0; display: block; width: 200%; height: 200%; pointer-events: none; content: ""; border: 1px solid currentColor; border-radius: inherit; opacity: 0.1; transform: scale(0.5); transform-origin: 0 0; } .ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-f9f9d438]::before { transform: scale(0.9); } .ui-navbar-box .ui-bar .left .capsule[data-v-f9f9d438] { position: relative; display: flex; align-items: center; justify-content: space-between; position: relative; border-radius: 100px; } .ui-navbar-box .ui-bar .left .capsule.dark[data-v-f9f9d438] { background-color: rgba(255, 255, 255, 0.5); } .ui-navbar-box .ui-bar .left .capsule.light[data-v-f9f9d438] { background-color: rgba(0, 0, 0, 0.15); } .ui-navbar-box .ui-bar .left .capsule[data-v-f9f9d438]::after { position: absolute; top: 20%; left: 50%; display: block; width: 1px; height: 60%; pointer-events: none; content: ""; background-color: currentColor; opacity: 0.1; } .ui-navbar-box .ui-bar .left .capsule[data-v-f9f9d438]::before { position: absolute; top: 0; left: 0; display: block; width: 200%; height: 200%; pointer-events: none; content: ""; border: 1px solid currentColor; border-radius: inherit; opacity: 0.1; transform: scale(0.5); transform-origin: 0 0; } .ui-navbar-box .ui-bar .left .capsule .capsule-back[data-v-f9f9d438], .ui-navbar-box .ui-bar .left .capsule .capsule-home[data-v-f9f9d438] { display: flex; align-items: center; justify-content: center; flex: 1; } .ui-navbar-box .ui-bar .left .capsule.isFristPage .capsule-back[data-v-f9f9d438], .ui-navbar-box .ui-bar .left .capsule.isFristPage[data-v-f9f9d438]::after { display: none; } .ui-navbar-box .ui-bar .right[data-v-f9f9d438] { position: relative; display: flex; align-items: center; justify-content: space-between; } .ui-navbar-box .ui-bar .right .right-content[data-v-f9f9d438] { display: flex; flex-direction: row; flex-direction: row-reverse; } .ui-navbar-box .ui-bar .center[data-v-f9f9d438] { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; text-overflow: ellipsis; transform: translateX(-50%); } .ui-navbar-box .ui-bar .center .image[data-v-f9f9d438] { display: block; max-width: calc(100vw - 200px); height: 36px; } .ui-navbar-box .ui-bar-bg[data-v-f9f9d438] { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .tabbar-center-item[data-v-21c8b054] { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: rebeccapurple; border-radius: 50%; transform: scale(1.3) translateY(-6px); } .tabbar-center-item .center-image[data-v-21c8b054] { width: 25px; height: 25px; } .u-tabbar-item[data-v-21c8b054] { position: relative; z-index: 1; display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; } .u-tabbar-item__icon[data-v-21c8b054] { position: relative; display: flex; justify-content: center; width: 4.6875rem; } .u-tabbar-item__text[data-v-21c8b054] { margin-top: 2px; font-size: 12px; color: var(--textSize); } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .u-tabbar[data-v-f4931457] { display: flex; flex: 1; justify-content: center; } .u-tabbar__content[data-v-f4931457] { display: flex; flex-direction: column; background-color: #fff; box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06); } .u-tabbar__content__item-wrapper[data-v-f4931457] { height: 50px; display: flex; justify-content: space-around; align-items: center; } .u-tabbar .mid-tabbar[data-v-f4931457] { border-radius: 0.9375rem 0.9375rem 0 0; } .u-tabbar--fixed[data-v-f4931457] { position: fixed; bottom: -1px; left: 0; right: 0; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .u-page[data-v-e8c0b5dc] { padding: 0; } .u-page__item__title[data-v-e8c0b5dc] { padding: 15px; font-size: 15px; color: var(--textSize); background-color: #fff; } .u-page__item__title__slot-title[data-v-e8c0b5dc] { font-size: 14px; color: var(--textSize); } .u-page__item__slot-icon[data-v-e8c0b5dc] { width: 25px; height: 25px; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-forms-item[data-v-4c3fe719] { position: relative; padding: 0px; text-align: left; color: #333; font-size: 14px; } .uni-forms-item__box[data-v-4c3fe719] { position: relative; } .uni-forms-item__inner[data-v-4c3fe719] { display: flex; padding-bottom: 22px; } .is-direction-left[data-v-4c3fe719] { flex-direction: row; } .is-direction-top[data-v-4c3fe719] { flex-direction: column; } .uni-forms-item__label[data-v-4c3fe719] { display: flex; flex-shrink: 0; box-sizing: border-box; flex-direction: row; align-items: center; width: 65px; padding: 5px 0; height: 2.25rem; } .uni-forms-item__label .label-text[data-v-4c3fe719] { font-size: 0.875rem; color: #333333; } .uni-forms-item__label .label-seat[data-v-4c3fe719] { margin-right: 5px; } .uni-forms-item__content[data-v-4c3fe719] { width: 100%; box-sizing: border-box; min-height: 36px; flex: 1; } .label-icon[data-v-4c3fe719] { margin-right: 5px; margin-top: -1px; } .is-required[data-v-4c3fe719] { color: #dd524d; font-weight: bold; } .uni-error-message[data-v-4c3fe719] { position: absolute; bottom: 0px; left: 0; text-align: left; } .uni-error-message-text[data-v-4c3fe719] { line-height: 1.375rem; color: #dd524d; font-size: 0.75rem; } .uni-error-msg--boeder[data-v-4c3fe719] { position: relative; bottom: 0; line-height: 22px; } .is-input-error-border[data-v-4c3fe719] { border-color: #dd524d; } .uni-forms-item--border[data-v-4c3fe719] { margin-bottom: 0; padding: 10px 0; border-top: 1px #eee solid; } .uni-forms-item--border .uni-forms-item__inner[data-v-4c3fe719] { padding: 0; } .is-first-border[data-v-4c3fe719] { border: none; } .uni-forms--no-padding[data-v-4c3fe719] { padding: 0; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @keyframes title-animation-c3c700fb { 0% { font-size: 1rem; } 100% { font-size: 1.125rem; } } .login-wrap[data-v-c3c700fb] { min-height: 15.625rem; padding: 1.5625rem 1.0625rem; background-color: #fff; border-radius: 0.625rem 0.625rem 0 0; } .head-box .head-title[data-v-c3c700fb] { min-width: 5rem; font-size: 1.125rem; font-weight: bold; line-height: 1.125rem; color: #333333; } .head-box .head-title-active[data-v-c3c700fb] { width: 5rem; font-size: 1rem; font-weight: 600; line-height: 1.125rem; color: #999; } .head-box .head-title-animation[data-v-c3c700fb] { animation-name: title-animation-c3c700fb; animation-duration: 0.1s; animation-timing-function: ease-out; animation-fill-mode: forwards; } .head-box .head-title-line[data-v-c3c700fb] { position: relative; } .head-box .head-title-line[data-v-c3c700fb]::before { position: absolute; top: 50%; left: -0.9375rem; width: 0.03125rem; height: 1.0625rem; content: ""; background-color: #e4e7ed; transform: translateY(-50%); } .head-box .head-subtitle[data-v-c3c700fb] { display: flex; font-size: 0.8125rem; font-weight: 400; color: #afb6c0; text-align: left; } .code-btn-start[data-v-c3c700fb] { width: 5rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 400; line-height: normal; color: var(--ui-BG-Main); border: 0.0625rem solid var(--ui-BG-Main); border-radius: 0.875rem; opacity: 1; } .forgot-btn[data-v-c3c700fb] { width: 5rem; font-size: 0.9375rem; font-weight: 500; line-height: 1.75rem; color: #999; } .login-btn-start[data-v-c3c700fb] { width: 4.9375rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 500; line-height: normal; color: #fff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 0.875rem; } .type-btn[data-v-c3c700fb] { width: 6.25rem; padding: 0.625rem; margin: 1.25rem auto; font-size: 0.9375rem; font-weight: 500; color: #999999; } .auto-login-box[data-v-c3c700fb] { width: 100%; } .auto-login-box .auto-login-btn[data-v-c3c700fb] { width: 2.125rem; height: 2.125rem; margin: 0 0.9375rem; border-radius: 50%; } .auto-login-box .auto-login-img[data-v-c3c700fb] { width: 2.125rem; height: 2.125rem; border-radius: 50%; } .agreement-box[data-v-c3c700fb] { margin: 2.5rem auto 0; } .agreement-box .protocol-check[data-v-c3c700fb] { transform: scale(0.7); } .agreement-box .agreement-text[data-v-c3c700fb] { font-size: 0.8125rem; font-weight: 500; color: #999999; } .agreement-box .agreement-text .tcp-text[data-v-c3c700fb] { color: var(--ui-BG-Main); } .editPwd-btn-box .save-btn[data-v-c3c700fb] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #ffffff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 1.09375rem; } .editPwd-btn-box .forgot-btn[data-v-c3c700fb] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #999999; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @keyframes title-animation-429524c1 { 0% { font-size: 1rem; } 100% { font-size: 1.125rem; } } .login-wrap[data-v-429524c1] { min-height: 15.625rem; padding: 1.5625rem 1.0625rem; background-color: #fff; border-radius: 0.625rem 0.625rem 0 0; } .head-box .head-title[data-v-429524c1] { min-width: 5rem; font-size: 1.125rem; font-weight: bold; line-height: 1.125rem; color: #333333; } .head-box .head-title-active[data-v-429524c1] { width: 5rem; font-size: 1rem; font-weight: 600; line-height: 1.125rem; color: #999; } .head-box .head-title-animation[data-v-429524c1] { animation-name: title-animation-429524c1; animation-duration: 0.1s; animation-timing-function: ease-out; animation-fill-mode: forwards; } .head-box .head-title-line[data-v-429524c1] { position: relative; } .head-box .head-title-line[data-v-429524c1]::before { position: absolute; top: 50%; left: -0.9375rem; width: 0.03125rem; height: 1.0625rem; content: ""; background-color: #e4e7ed; transform: translateY(-50%); } .head-box .head-subtitle[data-v-429524c1] { display: flex; font-size: 0.8125rem; font-weight: 400; color: #afb6c0; text-align: left; } .code-btn-start[data-v-429524c1] { width: 5rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 400; line-height: normal; color: var(--ui-BG-Main); border: 0.0625rem solid var(--ui-BG-Main); border-radius: 0.875rem; opacity: 1; } .forgot-btn[data-v-429524c1] { width: 5rem; font-size: 0.9375rem; font-weight: 500; line-height: 1.75rem; color: #999; } .login-btn-start[data-v-429524c1] { width: 4.9375rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 500; line-height: normal; color: #fff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 0.875rem; } .type-btn[data-v-429524c1] { width: 6.25rem; padding: 0.625rem; margin: 1.25rem auto; font-size: 0.9375rem; font-weight: 500; color: #999999; } .auto-login-box[data-v-429524c1] { width: 100%; } .auto-login-box .auto-login-btn[data-v-429524c1] { width: 2.125rem; height: 2.125rem; margin: 0 0.9375rem; border-radius: 50%; } .auto-login-box .auto-login-img[data-v-429524c1] { width: 2.125rem; height: 2.125rem; border-radius: 50%; } .agreement-box[data-v-429524c1] { margin: 2.5rem auto 0; } .agreement-box .protocol-check[data-v-429524c1] { transform: scale(0.7); } .agreement-box .agreement-text[data-v-429524c1] { font-size: 0.8125rem; font-weight: 500; color: #999999; } .agreement-box .agreement-text .tcp-text[data-v-429524c1] { color: var(--ui-BG-Main); } .editPwd-btn-box .save-btn[data-v-429524c1] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #ffffff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 1.09375rem; } .editPwd-btn-box .forgot-btn[data-v-429524c1] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #999999; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @keyframes title-animation-35e75114 { 0% { font-size: 1rem; } 100% { font-size: 1.125rem; } } .login-wrap[data-v-35e75114] { min-height: 15.625rem; padding: 1.5625rem 1.0625rem; background-color: #fff; border-radius: 0.625rem 0.625rem 0 0; } .head-box .head-title[data-v-35e75114] { min-width: 5rem; font-size: 1.125rem; font-weight: bold; line-height: 1.125rem; color: #333333; } .head-box .head-title-active[data-v-35e75114] { width: 5rem; font-size: 1rem; font-weight: 600; line-height: 1.125rem; color: #999; } .head-box .head-title-animation[data-v-35e75114] { animation-name: title-animation-35e75114; animation-duration: 0.1s; animation-timing-function: ease-out; animation-fill-mode: forwards; } .head-box .head-title-line[data-v-35e75114] { position: relative; } .head-box .head-title-line[data-v-35e75114]::before { position: absolute; top: 50%; left: -0.9375rem; width: 0.03125rem; height: 1.0625rem; content: ""; background-color: #e4e7ed; transform: translateY(-50%); } .head-box .head-subtitle[data-v-35e75114] { display: flex; font-size: 0.8125rem; font-weight: 400; color: #afb6c0; text-align: left; } .code-btn-start[data-v-35e75114] { width: 5rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 400; line-height: normal; color: var(--ui-BG-Main); border: 0.0625rem solid var(--ui-BG-Main); border-radius: 0.875rem; opacity: 1; } .forgot-btn[data-v-35e75114] { width: 5rem; font-size: 0.9375rem; font-weight: 500; line-height: 1.75rem; color: #999; } .login-btn-start[data-v-35e75114] { width: 4.9375rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 500; line-height: normal; color: #fff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 0.875rem; } .type-btn[data-v-35e75114] { width: 6.25rem; padding: 0.625rem; margin: 1.25rem auto; font-size: 0.9375rem; font-weight: 500; color: #999999; } .auto-login-box[data-v-35e75114] { width: 100%; } .auto-login-box .auto-login-btn[data-v-35e75114] { width: 2.125rem; height: 2.125rem; margin: 0 0.9375rem; border-radius: 50%; } .auto-login-box .auto-login-img[data-v-35e75114] { width: 2.125rem; height: 2.125rem; border-radius: 50%; } .agreement-box[data-v-35e75114] { margin: 2.5rem auto 0; } .agreement-box .protocol-check[data-v-35e75114] { transform: scale(0.7); } .agreement-box .agreement-text[data-v-35e75114] { font-size: 0.8125rem; font-weight: 500; color: #999999; } .agreement-box .agreement-text .tcp-text[data-v-35e75114] { color: var(--ui-BG-Main); } .editPwd-btn-box .save-btn[data-v-35e75114] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #ffffff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 1.09375rem; } .editPwd-btn-box .forgot-btn[data-v-35e75114] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #999999; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @keyframes title-animation-1896a8ad { 0% { font-size: 1rem; } 100% { font-size: 1.125rem; } } .login-wrap[data-v-1896a8ad] { min-height: 15.625rem; padding: 1.5625rem 1.0625rem; background-color: #fff; border-radius: 0.625rem 0.625rem 0 0; } .head-box .head-title[data-v-1896a8ad] { min-width: 5rem; font-size: 1.125rem; font-weight: bold; line-height: 1.125rem; color: #333333; } .head-box .head-title-active[data-v-1896a8ad] { width: 5rem; font-size: 1rem; font-weight: 600; line-height: 1.125rem; color: #999; } .head-box .head-title-animation[data-v-1896a8ad] { animation-name: title-animation-1896a8ad; animation-duration: 0.1s; animation-timing-function: ease-out; animation-fill-mode: forwards; } .head-box .head-title-line[data-v-1896a8ad] { position: relative; } .head-box .head-title-line[data-v-1896a8ad]::before { position: absolute; top: 50%; left: -0.9375rem; width: 0.03125rem; height: 1.0625rem; content: ""; background-color: #e4e7ed; transform: translateY(-50%); } .head-box .head-subtitle[data-v-1896a8ad] { display: flex; font-size: 0.8125rem; font-weight: 400; color: #afb6c0; text-align: left; } .code-btn-start[data-v-1896a8ad] { width: 5rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 400; line-height: normal; color: var(--ui-BG-Main); border: 0.0625rem solid var(--ui-BG-Main); border-radius: 0.875rem; opacity: 1; } .forgot-btn[data-v-1896a8ad] { width: 5rem; font-size: 0.9375rem; font-weight: 500; line-height: 1.75rem; color: #999; } .login-btn-start[data-v-1896a8ad] { width: 4.9375rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 500; line-height: normal; color: #fff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 0.875rem; } .type-btn[data-v-1896a8ad] { width: 6.25rem; padding: 0.625rem; margin: 1.25rem auto; font-size: 0.9375rem; font-weight: 500; color: #999999; } .auto-login-box[data-v-1896a8ad] { width: 100%; } .auto-login-box .auto-login-btn[data-v-1896a8ad] { width: 2.125rem; height: 2.125rem; margin: 0 0.9375rem; border-radius: 50%; } .auto-login-box .auto-login-img[data-v-1896a8ad] { width: 2.125rem; height: 2.125rem; border-radius: 50%; } .agreement-box[data-v-1896a8ad] { margin: 2.5rem auto 0; } .agreement-box .protocol-check[data-v-1896a8ad] { transform: scale(0.7); } .agreement-box .agreement-text[data-v-1896a8ad] { font-size: 0.8125rem; font-weight: 500; color: #999999; } .agreement-box .agreement-text .tcp-text[data-v-1896a8ad] { color: var(--ui-BG-Main); } .editPwd-btn-box .save-btn[data-v-1896a8ad] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #ffffff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 1.09375rem; } .editPwd-btn-box .forgot-btn[data-v-1896a8ad] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #999999; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @keyframes title-animation-10f00a07 { 0% { font-size: 1rem; } 100% { font-size: 1.125rem; } } .login-wrap[data-v-10f00a07] { min-height: 15.625rem; padding: 1.5625rem 1.0625rem; background-color: #fff; border-radius: 0.625rem 0.625rem 0 0; } .head-box .head-title[data-v-10f00a07] { min-width: 5rem; font-size: 1.125rem; font-weight: bold; line-height: 1.125rem; color: #333333; } .head-box .head-title-active[data-v-10f00a07] { width: 5rem; font-size: 1rem; font-weight: 600; line-height: 1.125rem; color: #999; } .head-box .head-title-animation[data-v-10f00a07] { animation-name: title-animation-10f00a07; animation-duration: 0.1s; animation-timing-function: ease-out; animation-fill-mode: forwards; } .head-box .head-title-line[data-v-10f00a07] { position: relative; } .head-box .head-title-line[data-v-10f00a07]::before { position: absolute; top: 50%; left: -0.9375rem; width: 0.03125rem; height: 1.0625rem; content: ""; background-color: #e4e7ed; transform: translateY(-50%); } .head-box .head-subtitle[data-v-10f00a07] { display: flex; font-size: 0.8125rem; font-weight: 400; color: #afb6c0; text-align: left; } .code-btn-start[data-v-10f00a07] { width: 5rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 400; line-height: normal; color: var(--ui-BG-Main); border: 0.0625rem solid var(--ui-BG-Main); border-radius: 0.875rem; opacity: 1; } .forgot-btn[data-v-10f00a07] { width: 5rem; font-size: 0.9375rem; font-weight: 500; line-height: 1.75rem; color: #999; } .login-btn-start[data-v-10f00a07] { width: 4.9375rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 500; line-height: normal; color: #fff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 0.875rem; } .type-btn[data-v-10f00a07] { width: 6.25rem; padding: 0.625rem; margin: 1.25rem auto; font-size: 0.9375rem; font-weight: 500; color: #999999; } .auto-login-box[data-v-10f00a07] { width: 100%; } .auto-login-box .auto-login-btn[data-v-10f00a07] { width: 2.125rem; height: 2.125rem; margin: 0 0.9375rem; border-radius: 50%; } .auto-login-box .auto-login-img[data-v-10f00a07] { width: 2.125rem; height: 2.125rem; border-radius: 50%; } .agreement-box[data-v-10f00a07] { margin: 2.5rem auto 0; } .agreement-box .protocol-check[data-v-10f00a07] { transform: scale(0.7); } .agreement-box .agreement-text[data-v-10f00a07] { font-size: 0.8125rem; font-weight: 500; color: #999999; } .agreement-box .agreement-text .tcp-text[data-v-10f00a07] { color: var(--ui-BG-Main); } .editPwd-btn-box .save-btn[data-v-10f00a07] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #ffffff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 1.09375rem; } .editPwd-btn-box .forgot-btn[data-v-10f00a07] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #999999; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @keyframes title-animation-86e02340 { 0% { font-size: 1rem; } 100% { font-size: 1.125rem; } } .login-wrap[data-v-86e02340] { min-height: 15.625rem; padding: 1.5625rem 1.0625rem; background-color: #fff; border-radius: 0.625rem 0.625rem 0 0; } .head-box .head-title[data-v-86e02340] { min-width: 5rem; font-size: 1.125rem; font-weight: bold; line-height: 1.125rem; color: #333333; } .head-box .head-title-active[data-v-86e02340] { width: 5rem; font-size: 1rem; font-weight: 600; line-height: 1.125rem; color: #999; } .head-box .head-title-animation[data-v-86e02340] { animation-name: title-animation-86e02340; animation-duration: 0.1s; animation-timing-function: ease-out; animation-fill-mode: forwards; } .head-box .head-title-line[data-v-86e02340] { position: relative; } .head-box .head-title-line[data-v-86e02340]::before { position: absolute; top: 50%; left: -0.9375rem; width: 0.03125rem; height: 1.0625rem; content: ""; background-color: #e4e7ed; transform: translateY(-50%); } .head-box .head-subtitle[data-v-86e02340] { display: flex; font-size: 0.8125rem; font-weight: 400; color: #afb6c0; text-align: left; } .code-btn-start[data-v-86e02340] { width: 5rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 400; line-height: normal; color: var(--ui-BG-Main); border: 0.0625rem solid var(--ui-BG-Main); border-radius: 0.875rem; opacity: 1; } .forgot-btn[data-v-86e02340] { width: 5rem; font-size: 0.9375rem; font-weight: 500; line-height: 1.75rem; color: #999; } .login-btn-start[data-v-86e02340] { width: 4.9375rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 500; line-height: normal; color: #fff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 0.875rem; } .type-btn[data-v-86e02340] { width: 6.25rem; padding: 0.625rem; margin: 1.25rem auto; font-size: 0.9375rem; font-weight: 500; color: #999999; } .auto-login-box[data-v-86e02340] { width: 100%; } .auto-login-box .auto-login-btn[data-v-86e02340] { width: 2.125rem; height: 2.125rem; margin: 0 0.9375rem; border-radius: 50%; } .auto-login-box .auto-login-img[data-v-86e02340] { width: 2.125rem; height: 2.125rem; border-radius: 50%; } .agreement-box[data-v-86e02340] { margin: 2.5rem auto 0; } .agreement-box .protocol-check[data-v-86e02340] { transform: scale(0.7); } .agreement-box .agreement-text[data-v-86e02340] { font-size: 0.8125rem; font-weight: 500; color: #999999; } .agreement-box .agreement-text .tcp-text[data-v-86e02340] { color: var(--ui-BG-Main); } .editPwd-btn-box .save-btn[data-v-86e02340] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #ffffff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 1.09375rem; } .editPwd-btn-box .forgot-btn[data-v-86e02340] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #999999; } .foot-box[data-v-86e02340] { display: flex; justify-content: center; width: 100%; } .authorization-btn[data-v-86e02340] { width: 21.4375rem; height: 2.5rem; color: #fff; background-color: var(--ui-BG-Main); border-radius: 1.25rem; } .avatar-img[data-v-86e02340] { width: 2.25rem; height: 2.25rem; border-radius: 1.125rem; } .cicon-forward[data-v-86e02340] { font-size: 0.9375rem; color: #595959; } .avatar-btn[data-v-86e02340] { justify-content: space-between; width: 100%; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @keyframes title-animation-f2e2e309 { 0% { font-size: 1rem; } 100% { font-size: 1.125rem; } } .login-wrap[data-v-f2e2e309] { min-height: 15.625rem; padding: 1.5625rem 1.0625rem; background-color: #fff; border-radius: 0.625rem 0.625rem 0 0; } .head-box .head-title[data-v-f2e2e309] { min-width: 5rem; font-size: 1.125rem; font-weight: bold; line-height: 1.125rem; color: #333333; } .head-box .head-title-active[data-v-f2e2e309] { width: 5rem; font-size: 1rem; font-weight: 600; line-height: 1.125rem; color: #999; } .head-box .head-title-animation[data-v-f2e2e309] { animation-name: title-animation-f2e2e309; animation-duration: 0.1s; animation-timing-function: ease-out; animation-fill-mode: forwards; } .head-box .head-title-line[data-v-f2e2e309] { position: relative; } .head-box .head-title-line[data-v-f2e2e309]::before { position: absolute; top: 50%; left: -0.9375rem; width: 0.03125rem; height: 1.0625rem; content: ""; background-color: #e4e7ed; transform: translateY(-50%); } .head-box .head-subtitle[data-v-f2e2e309] { display: flex; font-size: 0.8125rem; font-weight: 400; color: #afb6c0; text-align: left; } .code-btn-start[data-v-f2e2e309] { width: 5rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 400; line-height: normal; color: var(--ui-BG-Main); border: 0.0625rem solid var(--ui-BG-Main); border-radius: 0.875rem; opacity: 1; } .forgot-btn[data-v-f2e2e309] { width: 5rem; font-size: 0.9375rem; font-weight: 500; line-height: 1.75rem; color: #999; } .login-btn-start[data-v-f2e2e309] { width: 4.9375rem; height: 1.75rem; font-size: 0.8125rem; font-weight: 500; line-height: normal; color: #fff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 0.875rem; } .type-btn[data-v-f2e2e309] { width: 6.25rem; padding: 0.625rem; margin: 1.25rem auto; font-size: 0.9375rem; font-weight: 500; color: #999999; } .auto-login-box[data-v-f2e2e309] { width: 100%; } .auto-login-box .auto-login-btn[data-v-f2e2e309] { width: 2.125rem; height: 2.125rem; margin: 0 0.9375rem; border-radius: 50%; } .auto-login-box .auto-login-img[data-v-f2e2e309] { width: 2.125rem; height: 2.125rem; border-radius: 50%; } .agreement-box[data-v-f2e2e309] { margin: 2.5rem auto 0; } .agreement-box .protocol-check[data-v-f2e2e309] { transform: scale(0.7); } .agreement-box .agreement-text[data-v-f2e2e309] { font-size: 0.8125rem; font-weight: 500; color: #999999; } .agreement-box .agreement-text .tcp-text[data-v-f2e2e309] { color: var(--ui-BG-Main); } .editPwd-btn-box .save-btn[data-v-f2e2e309] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #ffffff; background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); border-radius: 1.09375rem; } .editPwd-btn-box .forgot-btn[data-v-f2e2e309] { width: 21.5625rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #999999; } .shake[data-v-f2e2e309] { animation: shake-f2e2e309 0.05s linear 4 alternate; } @keyframes shake-f2e2e309 { from { transform: translateX(-0.3125rem); } to { transform: translateX(0.3125rem); } } .register-box[data-v-f2e2e309] { position: relative; justify-content: center; } .register-box .register-btn[data-v-f2e2e309] { color: #999999; font-size: 0.9375rem; font-weight: 500; } .register-box .register-title[data-v-f2e2e309] { color: #999999; font-size: 0.9375rem; font-weight: 400; margin-right: 0.75rem; } .register-box .or-title[data-v-f2e2e309] { margin: 0 0.5rem; color: #999999; font-size: 0.9375rem; font-weight: 400; } .register-box .login-btn[data-v-f2e2e309] { color: var(--ui-BG-Main); font-size: 0.9375rem; font-weight: 500; } .register-box .circle[data-v-f2e2e309] { position: absolute; right: 0; top: 0.5625rem; width: 0.25rem; height: 0.25rem; border-radius: 0.25rem; background: var(--ui-BG-Main); } .safe-box[data-v-f2e2e309] { height: calc(constant(safe-area-inset-bottom) / 5 * 3); height: calc(env(safe-area-inset-bottom) / 5 * 3); } .tcp-text[data-v-f2e2e309] { color: var(--ui-BG-Main); } .agreement-text[data-v-f2e2e309] { color: #999999; } .lime-painter[data-v-3b541daf], .lime-painter__canvas[data-v-3b541daf] { width: 100%; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .popup-box[data-v-83ec39d9] { position: relative; } .poster-title[data-v-83ec39d9] { color: #999; } .poster-btn-box[data-v-83ec39d9] { position: absolute; bottom: -2.5rem; left: 50%; width: 18.75rem; transform: translateX(-50%); } .poster-btn-box .cancel-btn[data-v-83ec39d9] { width: 7.5rem; height: 2.1875rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; color: #999999; background: #ffffff; border-radius: 1.09375rem; } .poster-btn-box .save-btn[data-v-83ec39d9] { width: 7.5rem; height: 2.1875rem; font-size: 0.875rem; font-weight: 500; line-height: 2.1875rem; border-radius: 1.09375rem; } .poster-img[data-v-83ec39d9] { border-radius: 0.625rem; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .guide-image[data-v-c1f79fbc] { position: fixed; top: 0; right: 0.9375rem; z-index: 10080; width: 18.125rem; height: 13.4375rem; } .share-box[data-v-c1f79fbc] { width: 23.4375rem; padding-top: 0.9375rem; background: #ffffff; border-radius: 0.9375rem 0.9375rem 0 0; } .share-box .share-foot[data-v-c1f79fbc] { height: 2.5rem; font-size: 0.75rem; color: #bbbbbb; border-top: 0.03125rem solid #eeeeee; } .share-box .share-list-box .share-btn[data-v-c1f79fbc] { padding: 0; line-height: 1; background: none; border: none; } .share-box .share-list-box .share-btn[data-v-c1f79fbc]::after { border: none; } .share-box .share-list-box .share-item[data-v-c1f79fbc] { flex: 1; padding-bottom: 0.625rem; } .share-box .share-list-box .share-item .share-img[data-v-c1f79fbc] { width: 2.1875rem; height: 2.1875rem; margin-bottom: 0.625rem; background: #f8f9fa; border-radius: 50%; } .share-box .share-list-box .share-item .share-title[data-v-c1f79fbc] { font-size: 0.75rem; color: #666666; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .tools-wrap .title[data-v-9c20c8f1] { font-size: 1.125rem; font-weight: bold; color: #333333; } .tools-wrap .list-item[data-v-9c20c8f1] { width: calc(25vw - 0.625rem); } .tools-wrap .list-item .list-image[data-v-9c20c8f1] { width: 3.25rem; height: 3.25rem; border-radius: 1.625rem; background: var(--ui-BG); } .tools-wrap .list-item .list-image .list-icon[data-v-9c20c8f1] { width: 1.6875rem; height: 1.6875rem; } .tools-wrap .list-item .list-title[data-v-9c20c8f1] { font-size: 0.8125rem; font-weight: 500; color: #333333; } .uni-popup[data-v-9c20c8f1] { top: 0 !important; } [data-v-9c20c8f1] .button-hover { background: #fafafa !important; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .page-app[data-v-73531f52] { position: relative; z-index: 2; display: flex; width: 100%; height: 100vh; color: var(--ui-TC); background-color: var(--ui-BG-1) !important; } .page-app .page-main[data-v-73531f52] { position: absolute; z-index: 1; display: flex; flex-direction: column; width: 100%; min-height: 100%; } .page-app .page-main .page-body[data-v-73531f52] { position: relative; z-index: 1; flex: 1; width: 100%; } .page-app .page-main .page-img[data-v-73531f52] { position: absolute; top: 0; left: 0; z-index: 0; width: 100vw; height: 100vh; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .allAddress .font-color[data-v-1ea29242] { color: #e93323 !important; } .line2[data-v-1ea29242] { width: 15.75rem; } .textR[data-v-1ea29242] { text-align: right; } .line[data-v-1ea29242] { width: 100%; height: 0.09375rem; } .line uni-image[data-v-1ea29242] { display: block; width: 100%; height: 100%; } .address[data-v-1ea29242] { box-sizing: border-box; padding: 0.875rem; background-color: #fff; } .address .addressCon[data-v-1ea29242] { width: 18.625rem; font-size: 0.8125rem; color: #666; } .address .addressCon .name[data-v-1ea29242] { margin-bottom: 0.3125rem; font-size: 0.9375rem; font-weight: bold; color: #282828; } .address .addressCon .name .phone[data-v-1ea29242] { margin-left: 1.5625rem; } .address .addressCon .default[data-v-1ea29242] { margin-right: 0.375rem; } .address .addressCon .setaddress[data-v-1ea29242] { font-size: 0.875rem; color: #333; } .address .iconfont[data-v-1ea29242] { font-size: 1.09375rem; color: #707070; } .allAddress[data-v-1ea29242] { width: 100%; padding-top: 3.125rem; padding-bottom: 0.3125rem; background: linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%); } .allAddress .nav[data-v-1ea29242] { width: 21.5625rem; margin: 0 auto; } .allAddress .nav .item[data-v-1ea29242] { width: 10.4375rem; } .allAddress .nav .item.on[data-v-1ea29242] { position: relative; width: 7.1875rem; } .allAddress .nav .item.on[data-v-1ea29242]::before { position: absolute; bottom: 0; z-index: 2; display: block; width: 10.5rem; height: 0; font-size: 0.875rem; line-height: 2.5rem; text-align: center; content: "快递配送"; border-color: transparent transparent #fff; border-style: none solid solid; border-width: 0 0.625rem 2.5rem 0; border-radius: 0.4375rem 1.125rem 0 0; } .allAddress .nav .item:nth-of-type(2).on[data-v-1ea29242]::before { content: "到店自提"; border-width: 0 0 2.5rem 0.625rem; border-radius: 1.125rem 0.4375rem 0 0; } .allAddress .nav .item.on2[data-v-1ea29242] { position: relative; } .allAddress .nav .item.on2[data-v-1ea29242]::before { position: absolute; bottom: 0; display: block; width: 12.53125rem; height: 0; font-size: 0.875rem; line-height: 1.875rem; text-align: center; content: "到店自提"; border-color: transparent transparent #f7c1bd; border-style: none solid solid; border-width: 0 0 1.875rem 1.875rem; border-radius: 1.125rem 0.4375rem 0 0; } .allAddress .nav .item:nth-of-type(1).on2[data-v-1ea29242]::before { content: "快递配送"; border-width: 0 1.875rem 1.875rem 0; border-radius: 0.4375rem 1.125rem 0 0; } .allAddress .address[data-v-1ea29242] { width: 21.5625rem; max-height: 5.625rem; margin: 0 auto; } .allAddress .line[data-v-1ea29242] { width: 100%; margin: 0 auto; } /* stylelint-disable comment-empty-line-before */ /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ [data-v-f69e72ea] .uni-input-wrapper { width: 10rem; } [data-v-f69e72ea] .uni-easyinput__content-input { height: 2.25rem; padding-right: 0 !important; font-size: 0.875rem; text-align: right !important; } [data-v-f69e72ea] .uni-easyinput__content-input .uni-input-input { height: 1rem; margin-top: 0.125rem; font-size: 0.8125rem; font-weight: 500; color: #333333; } [data-v-f69e72ea] .uni-easyinput__content { display: flex !important; align-items: center !important; justify-content: right !important; } .score-img[data-v-f69e72ea] { width: 1.125rem; height: 1.125rem; margin: 0 0.125rem; } .order-item[data-v-f69e72ea] { height: 2.5rem; } .order-item .item-title[data-v-f69e72ea] { font-size: 0.875rem; font-weight: 400; } .order-item .item-value[data-v-f69e72ea] { font-family: OPPOSANS; font-size: 0.875rem; font-weight: 500; } .order-item .text-disabled[data-v-f69e72ea] { color: #bbbbbb; } .order-item .item-icon[data-v-f69e72ea] { color: #999999; } .order-item .remark-input[data-v-f69e72ea] { text-align: right; } .order-item .item-placeholder[data-v-f69e72ea] { font-size: 0.8125rem; color: #999999; text-align: right; } .total-box-footer[data-v-f69e72ea] { height: 2.8125rem; } .total-box-footer .total-num[data-v-f69e72ea] { font-family: OPPOSANS; color: #333333; } .footer-box[data-v-f69e72ea] { height: 3.125rem; } .footer-box .submit-btn[data-v-f69e72ea] { width: 7.5rem; height: 2.1875rem; font-size: 0.875rem; font-weight: 500; } .footer-box .submit-btn .goto-pay-text[data-v-f69e72ea] { line-height: 0.875rem; } .footer-box .cancel-btn[data-v-f69e72ea] { width: 7.5rem; height: 2.5rem; font-size: 0.8125rem; color: #999999; background-color: #e5e5e5; } .title[data-v-f69e72ea] { font-size: 1.125rem; font-weight: bold; color: #333333; } .subtitle[data-v-f69e72ea] { font-size: 0.875rem; color: #999999; } .cicon-checkbox[data-v-f69e72ea] { font-size: 1.125rem; color: var(--ui-BG-Main); } .cicon-box[data-v-f69e72ea] { font-size: 1.125rem; color: #999999; }