/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /* uni.scss */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ .u-empty[data-v-ac70166d], .u-empty__wrap[data-v-ac70166d], .u-tabs[data-v-ac70166d], .u-tabs__wrapper[data-v-ac70166d], .u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d], .u-tabs__wrapper__scroll-view[data-v-ac70166d], .u-tabs__wrapper__nav[data-v-ac70166d], .u-tabs__wrapper__nav__line[data-v-ac70166d], .up-empty[data-v-ac70166d], .up-empty__wrap[data-v-ac70166d], .up-tabs[data-v-ac70166d], .up-tabs__wrapper[data-v-ac70166d], .up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d], .up-tabs__wrapper__scroll-view[data-v-ac70166d], .up-tabs__wrapper__nav[data-v-ac70166d], .up-tabs__wrapper__nav__line[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 * */ /* uni.scss */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ .u-empty[data-v-5cec8177], .u-empty__wrap[data-v-5cec8177], .u-tabs[data-v-5cec8177], .u-tabs__wrapper[data-v-5cec8177], .u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177], .u-tabs__wrapper__scroll-view[data-v-5cec8177], .u-tabs__wrapper__nav[data-v-5cec8177], .u-tabs__wrapper__nav__line[data-v-5cec8177], .up-empty[data-v-5cec8177], .up-empty__wrap[data-v-5cec8177], .up-tabs[data-v-5cec8177], .up-tabs__wrapper[data-v-5cec8177], .up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177], .up-tabs__wrapper__scroll-view[data-v-5cec8177], .up-tabs__wrapper__nav[data-v-5cec8177], .up-tabs__wrapper__nav__line[data-v-5cec8177] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } /** * vue版本动画内置的动画模式有如下: * fade:淡入 * zoom:缩放 * fade-zoom:缩放淡入 * fade-up:上滑淡入 * fade-down:下滑淡入 * fade-left:左滑淡入 * fade-right:右滑淡入 * slide-up:上滑进入 * slide-down:下滑进入 * slide-left:左滑进入 * slide-right:右滑进入 */ .u-fade-enter-active[data-v-5cec8177], .u-fade-leave-active[data-v-5cec8177] { transition-property: opacity; } .u-fade-enter[data-v-5cec8177], .u-fade-leave-to[data-v-5cec8177] { opacity: 0; } .u-fade-zoom-enter[data-v-5cec8177], .u-fade-zoom-leave-to[data-v-5cec8177] { transform: scale(0.95); opacity: 0; } .u-fade-zoom-enter-active[data-v-5cec8177], .u-fade-zoom-leave-active[data-v-5cec8177] { transition-property: transform, opacity; } .u-fade-down-enter-active[data-v-5cec8177], .u-fade-down-leave-active[data-v-5cec8177], .u-fade-left-enter-active[data-v-5cec8177], .u-fade-left-leave-active[data-v-5cec8177], .u-fade-right-enter-active[data-v-5cec8177], .u-fade-right-leave-active[data-v-5cec8177], .u-fade-up-enter-active[data-v-5cec8177], .u-fade-up-leave-active[data-v-5cec8177] { transition-property: opacity, transform; } .u-fade-up-enter[data-v-5cec8177], .u-fade-up-leave-to[data-v-5cec8177] { transform: translate3d(0, 100%, 0); opacity: 0; } .u-fade-down-enter[data-v-5cec8177], .u-fade-down-leave-to[data-v-5cec8177] { transform: translate3d(0, -100%, 0); opacity: 0; } .u-fade-left-enter[data-v-5cec8177], .u-fade-left-leave-to[data-v-5cec8177] { transform: translate3d(-100%, 0, 0); opacity: 0; } .u-fade-right-enter[data-v-5cec8177], .u-fade-right-leave-to[data-v-5cec8177] { transform: translate3d(100%, 0, 0); opacity: 0; } .u-slide-down-enter-active[data-v-5cec8177], .u-slide-down-leave-active[data-v-5cec8177], .u-slide-left-enter-active[data-v-5cec8177], .u-slide-left-leave-active[data-v-5cec8177], .u-slide-right-enter-active[data-v-5cec8177], .u-slide-right-leave-active[data-v-5cec8177], .u-slide-up-enter-active[data-v-5cec8177], .u-slide-up-leave-active[data-v-5cec8177] { transition-property: transform; } .u-slide-up-enter[data-v-5cec8177], .u-slide-up-leave-to[data-v-5cec8177] { transform: translate3d(0, 100%, 0); } .u-slide-down-enter[data-v-5cec8177], .u-slide-down-leave-to[data-v-5cec8177] { transform: translate3d(0, -100%, 0); } .u-slide-left-enter[data-v-5cec8177], .u-slide-left-leave-to[data-v-5cec8177] { transform: translate3d(-100%, 0, 0); } .u-slide-right-enter[data-v-5cec8177], .u-slide-right-leave-to[data-v-5cec8177] { transform: translate3d(100%, 0, 0); } .u-zoom-enter-active[data-v-5cec8177], .u-zoom-leave-active[data-v-5cec8177] { transition-property: transform; } .u-zoom-enter[data-v-5cec8177], .u-zoom-leave-to[data-v-5cec8177] { transform: scale(0.95); } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /* uni.scss */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ .u-empty[data-v-abebd402], .u-empty__wrap[data-v-abebd402], .u-tabs[data-v-abebd402], .u-tabs__wrapper[data-v-abebd402], .u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402], .u-tabs__wrapper__scroll-view[data-v-abebd402], .u-tabs__wrapper__nav[data-v-abebd402], .u-tabs__wrapper__nav__line[data-v-abebd402], .up-empty[data-v-abebd402], .up-empty__wrap[data-v-abebd402], .up-tabs[data-v-abebd402], .up-tabs__wrapper[data-v-abebd402], .up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402], .up-tabs__wrapper__scroll-view[data-v-abebd402], .up-tabs__wrapper__nav[data-v-abebd402], .up-tabs__wrapper__nav__line[data-v-abebd402] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } .u-image[data-v-abebd402] { position: relative; transition: opacity 0.5s ease-in-out; } .u-image__image[data-v-abebd402] { width: 100%; height: 100%; } .u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: #f3f4f6; color: #909193; font-size: 1.4375rem; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /* uni.scss */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ .u-empty[data-v-2af81691], .u-empty__wrap[data-v-2af81691], .u-tabs[data-v-2af81691], .u-tabs__wrapper[data-v-2af81691], .u-tabs__wrapper__scroll-view-wrapper[data-v-2af81691], .u-tabs__wrapper__scroll-view[data-v-2af81691], .u-tabs__wrapper__nav[data-v-2af81691], .u-tabs__wrapper__nav__line[data-v-2af81691], .up-empty[data-v-2af81691], .up-empty__wrap[data-v-2af81691], .up-tabs[data-v-2af81691], .up-tabs__wrapper[data-v-2af81691], .up-tabs__wrapper__scroll-view-wrapper[data-v-2af81691], .up-tabs__wrapper__scroll-view[data-v-2af81691], .up-tabs__wrapper__nav[data-v-2af81691], .up-tabs__wrapper__nav__line[data-v-2af81691] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } .u-loading-icon[data-v-2af81691] { display: flex; flex-direction: row; align-items: center; justify-content: center; color: #c8c9cc; } .u-loading-icon__text[data-v-2af81691] { margin-left: 4px; color: #606266; font-size: 14px; line-height: 20px; } .u-loading-icon__spinner[data-v-2af81691] { width: 30px; height: 30px; position: relative; box-sizing: border-box; max-width: 100%; max-height: 100%; animation: u-rotate-2af81691 1s linear infinite; } .u-loading-icon__spinner--semicircle[data-v-2af81691] { border-width: 2px; border-color: transparent; border-top-right-radius: 100px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; border-style: solid; } .u-loading-icon__spinner--circle[data-v-2af81691] { border-top-right-radius: 100px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; border-width: 2px; border-top-color: #e5e5e5; border-right-color: #e5e5e5; border-bottom-color: #e5e5e5; border-left-color: #e5e5e5; border-style: solid; } .u-loading-icon--vertical[data-v-2af81691] { flex-direction: column; } [data-v-2af81691]:host { font-size: 0px; line-height: 1; } .u-loading-icon__spinner--spinner[data-v-2af81691] { animation-timing-function: steps(12); } .u-loading-icon__text[data-v-2af81691]:empty { display: none; } .u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] { margin: 6px 0 0; color: #606266; } .u-loading-icon__dot[data-v-2af81691] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .u-loading-icon__dot[data-v-2af81691]:before { display: block; width: 2px; height: 25%; margin: 0 auto; background-color: currentColor; border-radius: 40%; content: " "; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) { transform: rotate(30deg); opacity: 1; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) { transform: rotate(60deg); opacity: 0.9375; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) { transform: rotate(90deg); opacity: 0.875; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) { transform: rotate(120deg); opacity: 0.8125; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) { transform: rotate(150deg); opacity: 0.75; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) { transform: rotate(180deg); opacity: 0.6875; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) { transform: rotate(210deg); opacity: 0.625; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) { transform: rotate(240deg); opacity: 0.5625; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) { transform: rotate(270deg); opacity: 0.5; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) { transform: rotate(300deg); opacity: 0.4375; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) { transform: rotate(330deg); opacity: 0.375; } .u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) { transform: rotate(360deg); opacity: 0.3125; } @keyframes u-rotate-2af81691 { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /* uni.scss */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ .u-empty[data-v-7b7c7ea6], .u-empty__wrap[data-v-7b7c7ea6], .u-tabs[data-v-7b7c7ea6], .u-tabs__wrapper[data-v-7b7c7ea6], .u-tabs__wrapper__scroll-view-wrapper[data-v-7b7c7ea6], .u-tabs__wrapper__scroll-view[data-v-7b7c7ea6], .u-tabs__wrapper__nav[data-v-7b7c7ea6], .u-tabs__wrapper__nav__line[data-v-7b7c7ea6], .up-empty[data-v-7b7c7ea6], .up-empty__wrap[data-v-7b7c7ea6], .up-tabs[data-v-7b7c7ea6], .up-tabs__wrapper[data-v-7b7c7ea6], .up-tabs__wrapper__scroll-view-wrapper[data-v-7b7c7ea6], .up-tabs__wrapper__scroll-view[data-v-7b7c7ea6], .up-tabs__wrapper__nav[data-v-7b7c7ea6], .up-tabs__wrapper__nav__line[data-v-7b7c7ea6] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } .u-swiper-indicator__wrapper[data-v-7b7c7ea6] { display: flex; flex-direction: row; } .u-swiper-indicator__wrapper--line[data-v-7b7c7ea6] { border-radius: 100px; height: 4px; } .u-swiper-indicator__wrapper--line__bar[data-v-7b7c7ea6] { width: 22px; height: 4px; border-radius: 100px; background-color: #FFFFFF; transition: transform 0.3s; } .u-swiper-indicator__wrapper__dot[data-v-7b7c7ea6] { width: 5px; height: 5px; border-radius: 100px; margin: 0 4px; } .u-swiper-indicator__wrapper__dot--active[data-v-7b7c7ea6] { width: 12px; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /* uni.scss */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ .u-empty[data-v-4e7d0c90], .u-empty__wrap[data-v-4e7d0c90], .u-tabs[data-v-4e7d0c90], .u-tabs__wrapper[data-v-4e7d0c90], .u-tabs__wrapper__scroll-view-wrapper[data-v-4e7d0c90], .u-tabs__wrapper__scroll-view[data-v-4e7d0c90], .u-tabs__wrapper__nav[data-v-4e7d0c90], .u-tabs__wrapper__nav__line[data-v-4e7d0c90], .up-empty[data-v-4e7d0c90], .up-empty__wrap[data-v-4e7d0c90], .up-tabs[data-v-4e7d0c90], .up-tabs__wrapper[data-v-4e7d0c90], .up-tabs__wrapper__scroll-view-wrapper[data-v-4e7d0c90], .up-tabs__wrapper__scroll-view[data-v-4e7d0c90], .up-tabs__wrapper__nav[data-v-4e7d0c90], .up-tabs__wrapper__nav__line[data-v-4e7d0c90] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } .u-swiper__wrapper[data-v-4e7d0c90] { flex: 1; } .u-swiper[data-v-4e7d0c90] { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; overflow: hidden; } .u-swiper__wrapper[data-v-4e7d0c90] { flex: 1; } .u-swiper__wrapper__item[data-v-4e7d0c90] { flex: 1; } .u-swiper__wrapper__item__wrapper[data-v-4e7d0c90] { display: flex; flex-direction: row; position: relative; overflow: hidden; transition: transform 0.3s; flex: 1; } .u-swiper__wrapper__item__wrapper__image[data-v-4e7d0c90] { flex: 1; } .u-swiper__wrapper__item__wrapper__video[data-v-4e7d0c90] { flex: 1; } .u-swiper__wrapper__item__wrapper__title[data-v-4e7d0c90] { position: absolute; background-color: rgba(0, 0, 0, 0.3); bottom: 0; left: 0; right: 0; font-size: 0.875rem; padding: 0.375rem 0.75rem; color: #FFFFFF; flex: 1; } .u-swiper__indicator[data-v-4e7d0c90] { position: absolute; bottom: 10px; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /* uni.scss */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ .u-empty[data-v-9c9e88a3], .u-empty__wrap[data-v-9c9e88a3], .u-tabs[data-v-9c9e88a3], .u-tabs__wrapper[data-v-9c9e88a3], .u-tabs__wrapper__scroll-view-wrapper[data-v-9c9e88a3], .u-tabs__wrapper__scroll-view[data-v-9c9e88a3], .u-tabs__wrapper__nav[data-v-9c9e88a3], .u-tabs__wrapper__nav__line[data-v-9c9e88a3], .up-empty[data-v-9c9e88a3], .up-empty__wrap[data-v-9c9e88a3], .up-tabs[data-v-9c9e88a3], .up-tabs__wrapper[data-v-9c9e88a3], .up-tabs__wrapper__scroll-view-wrapper[data-v-9c9e88a3], .up-tabs__wrapper__scroll-view[data-v-9c9e88a3], .up-tabs__wrapper__nav[data-v-9c9e88a3], .up-tabs__wrapper__nav__line[data-v-9c9e88a3] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } .u-loading-page[data-v-9c9e88a3] { display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center; } .u-loading-page__warpper[data-v-9c9e88a3] { margin-top: -150px; justify-content: center; align-items: center; color: #c8c8c8; font-size: 19px; display: flex; flex-direction: column; } .u-loading-page__warpper__loading-icon[data-v-9c9e88a3] { margin-bottom: 10px; } .u-loading-page__warpper__loading-icon__img[data-v-9c9e88a3] { width: 40px; height: 40px; } .u-loading-page__warpper__text[data-v-9c9e88a3] { font-size: 19px; color: #c8c8c8; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /* uni.scss */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ .product_item_left_bz_img[data-v-7539d408] { height: 1rem; width: 4.375rem; background-image: url("data:image/png;base64,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"); background-size: 100% 100%; background-position: center; /* 将图片居中显示 */ } .price_o_warp[data-v-7539d408] { background: #FFF5F5FF; color: #F9241F; } .price_o_title_warp[data-v-7539d408] { color: #F9241FFF; } .price_o_value_warp[data-v-7539d408] { color: #F9241FFF; } .price_zq_warp[data-v-7539d408] { color: #FFDB62FF; background: linear-gradient(-88deg, #FA2222, #F83600); } .price_lj_warp[data-v-7539d408] { background: #CE2300FF; color: #FFF6ED; } .price_ds_warp[data-v-7539d408] { color: #FFFFFF; margin-top: 0.3125rem; }