514 lines
66 KiB
CSS
514 lines
66 KiB
CSS
|
/**
|
||
|
|
* 这里是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-df79975b],
|
||
|
|
.u-empty__wrap[data-v-df79975b],
|
||
|
|
.u-tabs[data-v-df79975b],
|
||
|
|
.u-tabs__wrapper[data-v-df79975b],
|
||
|
|
.u-tabs__wrapper__scroll-view-wrapper[data-v-df79975b],
|
||
|
|
.u-tabs__wrapper__scroll-view[data-v-df79975b],
|
||
|
|
.u-tabs__wrapper__nav[data-v-df79975b],
|
||
|
|
.u-tabs__wrapper__nav__line[data-v-df79975b],
|
||
|
|
.up-empty[data-v-df79975b],
|
||
|
|
.up-empty__wrap[data-v-df79975b],
|
||
|
|
.up-tabs[data-v-df79975b],
|
||
|
|
.up-tabs__wrapper[data-v-df79975b],
|
||
|
|
.up-tabs__wrapper__scroll-view-wrapper[data-v-df79975b],
|
||
|
|
.up-tabs__wrapper__scroll-view[data-v-df79975b],
|
||
|
|
.up-tabs__wrapper__nav[data-v-df79975b],
|
||
|
|
.up-tabs__wrapper__nav__line[data-v-df79975b] {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
flex-shrink: 0;
|
||
|
|
flex-grow: 0;
|
||
|
|
flex-basis: auto;
|
||
|
|
align-items: stretch;
|
||
|
|
align-content: flex-start;
|
||
|
|
}
|
||
|
|
.u-input[data-v-df79975b] {
|
||
|
|
|
||
|
|
display: flex;
|
||
|
|
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.u-input--radius[data-v-df79975b], .u-input--square[data-v-df79975b] {
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.u-input--no-radius[data-v-df79975b] {
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.u-input--circle[data-v-df79975b] {
|
||
|
|
border-radius: 100px;
|
||
|
|
}
|
||
|
|
.u-input__content[data-v-df79975b] {
|
||
|
|
flex: 1;
|
||
|
|
|
||
|
|
display: flex;
|
||
|
|
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.u-input__content__field-wrapper[data-v-df79975b] {
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
display: flex;
|
||
|
|
|
||
|
|
flex-direction: row;
|
||
|
|
margin: 0;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.u-input__content__field-wrapper__field[data-v-df79975b] {
|
||
|
|
line-height: 26px;
|
||
|
|
text-align: left;
|
||
|
|
color: #303133;
|
||
|
|
height: 24px;
|
||
|
|
font-size: 15px;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.u-input__content__clear[data-v-df79975b] {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
border-radius: 100px;
|
||
|
|
background-color: #c6c7cb;
|
||
|
|
|
||
|
|
display: flex;
|
||
|
|
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
transform: scale(0.82);
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
.u-input__content__subfix-icon[data-v-df79975b] {
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
.u-input__content__prefix-icon[data-v-df79975b] {
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* 这里是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 */
|
||
|
|
/* 水平间距 */
|
||
|
|
/* 垂直间距 */
|
||
|
|
.merchant_settlement_warp[data-v-2001dd84] {
|
||
|
|
padding: 0.9375rem;
|
||
|
|
background-color: #F5F5F5;
|
||
|
|
height: calc(100vh - 1.8125rem);
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
.merchant_settlement_warp .card_comm[data-v-2001dd84] {
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 0.9375rem;
|
||
|
|
padding: 0.9375rem;
|
||
|
|
margin-bottom: 0.625rem;
|
||
|
|
}
|
||
|
|
.merchant_settlement_warp .card_comm .title_[data-v-2001dd84] {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 1rem;
|
||
|
|
color: #333333;
|
||
|
|
margin-right: 0.625rem;
|
||
|
|
}
|
||
|
|
.merchant_settlement_warp .card_comm .msg_[data-v-2001dd84] {
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 0.8125rem;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.merchant_settlement_warp .card_hang_comm[data-v-2001dd84] {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.merchant_settlement_warp .upload_comm[data-v-2001dd84] {
|
||
|
|
height: 2rem;
|
||
|
|
width: 5.625rem;
|
||
|
|
background-image: url("data:image/png;base64,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
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-position: center;
|
||
|
|
/* 将图片居中显示 */
|
||
|
|
margin-top: 0.625rem;
|
||
|
|
padding-top: 3.75rem;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 0.75rem;
|
||
|
|
color: #525357;
|
||
|
|
}
|
||
|
|
.merchant_settlement_warp .business_license_upload_comm[data-v-2001dd84] {
|
||
|
|
height: 2.3125rem;
|
||
|
|
width: 13.125rem;
|
||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAG4CAYAAADVDFZ+AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAACgKADAAQAAAABAAABuAAAAAAXV08WAABAAElEQVR4Aey9i3McR3bmmwUUAIIgQJASRUrU+znSPL2ex86Mx2GvvTfuP3wj7t2IXW+MPV7bM/bYM5ZGGr0fI0qURIIACIIEGnW/71Rns7qJBgHi1dX9y1B1vbKyMn/Zan44J/NkkfaRqqoqlW3u7t27lzc2Nl5bXV19XdurOn96Z2fn8vT09HnlWVKeGW3FsCKVL83Pz6fFxcW0tLSU5ubmUlEUSc/GI9vb2+nOnTtJZae1tbV07969pPLT1NTUsCL7rlN+H44HTuDzAJK+C/Dpw/HACXweQNJ3AT59OB44gc8DSPouwKcPxwMn8AkkFkv3pJvWpJtWdPyFjv+k/budTuedsizfOXPmzBdvvPHGpq5vxxN7fFjY7Zn0kmlluCAxdkUveE5i7HV1xMu69pLE2ZPaX9J+UfnODCsoC7ym2Nsrr/N70/t64nBYfl+n/L3owGdvOvCBz30C+beH35/7TJpH8KmNFU0mzWP4wKf5ffCxvxNOR6l/VNayilzSfl7lz+tY0mxK+q+clpHt7Pr6+he6/o3ud/zuYWlPAagCpmTle06FfF8F/ESFf0f7Z2dmZs5LBJ7X9bPKY6tfNM77vZLyPzRfM4+PnfJ+r7JzvoflpfyhBtrACx/4DPv/rPnd2E+e/P9i3g97Jl+n/Exi9z18dueSr8Ink9h9D5/dueSrLeNzRvW10e2CNNjTOn51dnZ2VZ7VT86dO/em9Nk/S7v9Vvc+0r2d3MbB/VABuLKyckHu3udV0I/00E+8qaCXJQLn9KJw39o962QXre49VKiprORnvfkZJ1Uw9v5wGc5j17AaEXvf9/X9JMrfmxJ84MP/X/z+DPu/gN+HYWTq6/CBzyj8floT5U0abFae0ln1zLJ109mzZ1/VZt12SXke29ra+rX2H0pD2V38QNpVWd28eXNZhf5QBf6lBN8v9PDL2i5rC2vf5uZmkjhMKjzEmfKEoMtCcPAtrqyTng+BZ4jecv5833uLSrt+PR4wC0w/t1fKz1P+7pTgw/fH3wz+/+L3Z7dfCH4f+H3g96Ed+iT/hmedZA3mzeca+xdzKyQAt6StrktH/VH5/159+0vd+1fpowdEYN83X5mnrl27dlGFfVeZ/28JwL/S9j0JvDPZYucvisWZRZpf6utZzGVB5zzDUv6xyfvd8lnIeXuUlMvN+93KoPx+y+sgI/jAZ/A7kc/z/1d5n68393x/+P40vw/N4/y9yfvmvXzM94fvT/4uDO7z9ybvB+/7fJy/P263dZc3azCLv2wssyHOItAeVjNQ3jva/177v1P+/1d5f68JuDd0red27XMBv/322xeU6UcScn+r7b/ZnKjMZyzwnDL0LPh8zS9qbr72sJTL2S1fLsv3fPwoifL3pgYf+JgA/389+D3g9+f+7/yDdO7/3vP92Y0OfEyFf192/27kq4fhk3+fsuHNos9i0GX6mjen7js8QeTbEoqlvLbTmhgy9+mnn/5at29EJn30BOC77747p/ArzyvzX+qhv1ZB39L+zOCYvfxgrohflLd87zD7oyxrt3pQ/m5U7l+Dz30Wux3BZzcq96/B5z6L3Y7gsxuV+9fgc5/Fbkfw2Y3K/WuTxsfGuGygMwW3P+99LD23IPH3uobsVbdv376nMHtfSevdfuWVV+46X8jFN998c1bi7xkpyR/q2s/04Ld0fMbKMqvLXHC2GgzuXRgJAhCAAAQgAAEIQOB4CWQN5rc0j/O5XcSeq6GYyvPaXpf4+7nu/fjGjRvPWfM535SEXSHT4KKEnkO9/IUKelWKct6WP88qsYlxsHA/aEGYN5+TIAABCEAAAhCAAASOn0DWX95nQ53fmvWar3mMoCftKiTMWQlCG/Z+IU33A4nBJT1XlG+99daCLlzVyc9086d6+JJFn8b/pYWFhRhU2BSBfhkJAhCAAAQgAAEIQGC0CGSNlscJZhexrl9STX8qnXdd19751a9+dXdK6vCKLrygGw7y/Jy2aVv/LP682QrogrKq1H0SBCAAAQhAAAIQgMCIErBus37zzGAt3mEN5yF/z2r/bWs+6bsrpVTha7ro7apulFaLFoB+yA/73Ioyq8oRbSvVggAEIAABCEAAAhNNIGs1azdrOIeJkcs3h4xxSJer2l6TCNwupRJ98LIunLdizGP/rBhdgFMuME74gAAEIAABCEAAAhAYWQL22nr4XjboeTxg15i3ZM0nvbdd+kAX7QJedGYrxmz5G9mWUTEIQAACEIAABCAAgT0J2JBnj+69e/fCGighuCRx+IK2zpQE4NPanpQIjNU+rBZt/bM1sKsW9yycmxCAAAQgAAEIQAACo0Mg6zdrOWs6a7uuV/eMavmUtZ8DQT+p7QltszljUwDqOgkCEIAABCAAAQhAoCUELACdBnWdLs3o3hOyAN7RvSmP/TunrdAWmb3XzXiYDwhAAAIQgAAEIACB9hGwnrPlz3snib9C2zkdni813u+cTs5Y8NlE6HGAOWPk5gMCEIAABCAAAQhAoHUErO2yCGwY9ubUkHPl4uKizYG6XsTkD7t/G5la11gqDAEIQAACEIAABCBQE7AAtK7zJr2Xt5lyeXm5jvWifDYTdgcJRgbgQQACEIAABCAAAQi0k4AFn5PFn/Wdvbzd86lyfn4+TvJHzpzP2UMAAhCAAAQgAAEItI+ANZ3Fn4Wf9Z6Pu6kqGyf5Ita/HgkOIAABCEAAAhCAQDsJZKOeh/ctLS3FEr+5JV4KLh/HfvC87yYnEIAABCAAAQhAAAKtIWBd53GADgjdNPrVzuBuMxB/relPKgoBCEAAAhCAAAT2RcDCL2/5gbAANoVfUx3mTOwhAAEIQAACEIAABNpJwDqvqfXcinJzc7PXGpsIcxxAC8HBzL2MHEAAAhCAAAQgAAEItJZAuba2FkLPgs+DBBcWFmKqMAKwtX1KxSEAAQhAAAIQgEAfgUEPb7myspK0KHD4hi3+tDJIrAgymLGvFE4gAAEIQAACEIAABFpBwB5da72mZzdcwJ1OJwSg3b9ZDLaiRVQSAhCAAAQgAAEIQGBXAtmYt729nTzkb2trK/LFkL+mIrQybKrDXUvjIgQgAAEIQAACEIDAyBPIw/ks/FZXV9PGxkbovBCA/nByJh9ntTjyraKCEIAABCAAAQhAAAJDCWRNZ2OfLYDr6+s9AVirv6GPcgMCEIAABCAAAQhAoM0Esoe3ue8LBN3mxlF3CEAAAhCAAAQgAIEHCWQv7/T0NBbAB/FwBQIQgAAEIAABCEwGAVzAk9HPtBICEIAABCAAAQj0CCAAeyg4gAAEIAABCEAAApNBAAE4Gf1MKyEAAQhAAAIQgECPAAKwh4IDCEAAAhCAAAQgMBkEYhZwDv6c95PRdFoJAQhAAAIQgAAEJpNAnwUwBwycTBS0GgIQgAAEIAABCEwGgTLHhvEeATgZnU4rIQABCEAAAhCYbALl3Nxc8hIhFn8zMzOxHByu4Mn+UtB6CEAAAhCAAATGm0C5uLgYUaEtAC0GHSXaCRE43h1P6yAAAQhAAAIQmBwC1nV5c6vL5eXlXuunpqZSWZaIvx4RDiAAAQhAAAIQgEA7CTSNedZ33pxs9Cvn5+f7WtXM3HeDEwhAAAIQgAAEIACB1hDIms7Cz3qvOdcjJoEMtiQ/MHidcwhAAAIQgAAEIACBdhCwngtrnwTg0tJSWlhY6FW8HBR7g+e9nBxAAAIQgAAEIAABCLSKgHWd53fYCthnAWy2AvHXpMExBCAAAQhAAAIQaD8BC7+85daEBbAp/JrqMGdiDwEIQAACEIAABCDQTgLWeU2t51aUm5ubvdbkWcDeWwgOZu5l5AACEIAABCAAAQhAoLUEyrW1tRB6FnwOBO0BgvYVIwBb26dUHAIQgAAE
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-position: center;
|
||
|
|
/* 将图片居中显示 */
|
||
|
|
margin-top: 0.625rem;
|
||
|
|
padding-top: 6.875rem;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 0.75rem;
|
||
|
|
color: #525357;
|
||
|
|
}
|
||
|
|
.add_but[data-v-2001dd84] {
|
||
|
|
position: inherit;
|
||
|
|
width: 100%;
|
||
|
|
margin: 1.25rem 0 1.875rem;
|
||
|
|
}
|