1089 lines
27 KiB
CSS
1089 lines
27 KiB
CSS
/**
|
||
* 这里是uni-app内置的常用样式变量
|
||
*
|
||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||
*
|
||
*/
|
||
/**
|
||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||
*
|
||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||
*/
|
||
/* 颜色变量 */
|
||
/* 行为相关颜色 */
|
||
/* 文字基本颜色 */
|
||
/* 背景颜色 */
|
||
/* 边框颜色 */
|
||
/* 尺寸变量 */
|
||
/* 文字尺寸 */
|
||
/* 图片尺寸 */
|
||
/* Border Radius */
|
||
/* 水平间距 */
|
||
/* 垂直间距 */
|
||
/* 透明度 */
|
||
/* 文章场景相关 */
|
||
.u-line[data-v-3e1cc47b] {
|
||
vertical-align: middle;
|
||
}
|
||
/**
|
||
* 这里是uni-app内置的常用样式变量
|
||
*
|
||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||
*
|
||
*/
|
||
/**
|
||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||
*
|
||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||
*/
|
||
/* 颜色变量 */
|
||
/* 行为相关颜色 */
|
||
/* 文字基本颜色 */
|
||
/* 背景颜色 */
|
||
/* 边框颜色 */
|
||
/* 尺寸变量 */
|
||
/* 文字尺寸 */
|
||
/* 图片尺寸 */
|
||
/* Border Radius */
|
||
/* 水平间距 */
|
||
/* 垂直间距 */
|
||
/* 透明度 */
|
||
/* 文章场景相关 */
|
||
.u-loading-circle[data-v-32db0ed8] {
|
||
display: inline-flex;
|
||
vertical-align: middle;
|
||
width: 0.875rem;
|
||
height: 0.875rem;
|
||
background: 0 0;
|
||
border-radius: 50%;
|
||
border: 2px solid;
|
||
border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e;
|
||
animation: u-circle-32db0ed8 1s linear infinite;
|
||
}
|
||
.u-loading-flower[data-v-32db0ed8] {
|
||
width: 20px;
|
||
height: 20px;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
animation: u-flower-32db0ed8 1s steps(12) infinite;
|
||
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
|
||
background-size: 100%;
|
||
}
|
||
@keyframes u-flower-32db0ed8 {
|
||
0% {
|
||
transform: rotate(0deg);
|
||
}
|
||
to {
|
||
transform: rotate(1turn);
|
||
}
|
||
}
|
||
@keyframes u-circle-32db0ed8 {
|
||
0% {
|
||
transform: rotate(0deg);
|
||
}
|
||
to {
|
||
transform: rotate(1turn);
|
||
}
|
||
}
|
||
/**
|
||
* 这里是uni-app内置的常用样式变量
|
||
*
|
||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||
*
|
||
*/
|
||
/**
|
||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||
*
|
||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||
*/
|
||
/* 颜色变量 */
|
||
/* 行为相关颜色 */
|
||
/* 文字基本颜色 */
|
||
/* 背景颜色 */
|
||
/* 边框颜色 */
|
||
/* 尺寸变量 */
|
||
/* 文字尺寸 */
|
||
/* 图片尺寸 */
|
||
/* Border Radius */
|
||
/* 水平间距 */
|
||
/* 垂直间距 */
|
||
/* 透明度 */
|
||
/* 文章场景相关 */
|
||
.u-load-more-wrap[data-v-e9906cfb] {
|
||
|
||
display: flex;
|
||
flex-direction: row;
|
||
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.u-load-more-inner[data-v-e9906cfb] {
|
||
|
||
display: flex;
|
||
flex-direction: row;
|
||
|
||
justify-content: center;
|
||
align-items: center;
|
||
padding: 0 0.375rem;
|
||
}
|
||
.u-more[data-v-e9906cfb] {
|
||
position: relative;
|
||
|
||
display: flex;
|
||
flex-direction: row;
|
||
|
||
justify-content: center;
|
||
}
|
||
.u-dot-text[data-v-e9906cfb] {
|
||
font-size: 0.875rem;
|
||
}
|
||
.u-loadmore-icon-wrap[data-v-e9906cfb] {
|
||
margin-right: 0.25rem;
|
||
}
|
||
.u-loadmore-icon[data-v-e9906cfb] {
|
||
|
||
display: flex;
|
||
flex-direction: row;
|
||
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.shadow[data-v-f6ef18d5] {
|
||
width: 100%;
|
||
height: 0;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0vw;
|
||
border-radius: 50%;
|
||
filter: blur(0.46875rem);
|
||
background: linear-gradient(to top, #eff0f4, rgba(239, 240, 244, 0.1));
|
||
/* 根据需要调整 */
|
||
}
|
||
.guodu[data-v-f6ef18d5] {
|
||
transition: 0.4s;
|
||
-webkit-transform-style: preserve-3d;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
.heig[data-v-f6ef18d5] {
|
||
height: 16vw !important;
|
||
}
|
||
|
||
.toast[data-v-29da2345] {
|
||
width: 26vw;
|
||
max-height: 40vh;
|
||
position: fixed;
|
||
z-index: 105;
|
||
right: 1.5vw;
|
||
bottom: 1.5vw;
|
||
background: #fff;
|
||
border-radius: 1.6vw;
|
||
padding: 2vw 1vw 5vw;
|
||
}
|
||
.toast .cfg[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 3.5vw;
|
||
display: flex;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0vw;
|
||
}
|
||
.toast .cfg > uni-view[data-v-29da2345] {
|
||
width: 50%;
|
||
height: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-size: 1.2vw;
|
||
font-weight: 600;
|
||
border-top: 1px solid #eff0f4;
|
||
}
|
||
.toast .cfg > uni-view[data-v-29da2345]:nth-child(2) {
|
||
color: #0385fa;
|
||
border-left: 1px solid #eff0f4;
|
||
}
|
||
.toast .cont[data-v-29da2345] {
|
||
width: 100%;
|
||
font-size: 1.3vw;
|
||
margin: 0.5vw auto 0;
|
||
overflow-y: scroll;
|
||
max-height: 23.5vh;
|
||
text-align: center;
|
||
}
|
||
.toast .tit[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 3vw;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-size: 1.4vw;
|
||
font-weight: bolder;
|
||
letter-spacing: 0.3vw;
|
||
}
|
||
.uncgd[data-v-29da2345] {
|
||
bottom: -96vh !important;
|
||
}
|
||
.caigoudan[data-v-29da2345] {
|
||
width: 50vw;
|
||
height: 95vh;
|
||
background: #FFFFFF;
|
||
border-radius: 1.6vw;
|
||
position: fixed;
|
||
z-index: 104;
|
||
bottom: 1.5vw;
|
||
left: 22vw;
|
||
padding: 1.5vw 2vw 0;
|
||
}
|
||
.caigoudan .cgdscroll[data-v-29da2345] {
|
||
width: 100%;
|
||
height: calc(95vh - 7vw);
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem[data-v-29da2345] {
|
||
width: 22vw;
|
||
height: 19.3vw;
|
||
background: rgba(255, 255, 255, 0.7);
|
||
border-radius: 1.6vw;
|
||
margin: 0 1vw 1.2vw 0;
|
||
display: inline-block;
|
||
padding: 1.5vw 2.3vw 2.3vw;
|
||
position: relative;
|
||
border: 2px solid rgba(187, 187, 187, 0.34);
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem .dbgys[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 4.3vw;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0vw;
|
||
background: #eff0f4;
|
||
border-radius: 0 0 1.6vw 1.6vw;
|
||
border: 2px solid #eff0f4;
|
||
display: flex;
|
||
padding: 0.6vw 1.5vw 0;
|
||
justify-content: space-between;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem .dbgys .act[data-v-29da2345] {
|
||
background: #e7f0fb !important;
|
||
border: 1px solid #0076d6 !important;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem .dbgys > uni-view[data-v-29da2345] {
|
||
white-space: nowrap;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem .dbgys > uni-view[data-v-29da2345]:nth-child(1) {
|
||
display: flex;
|
||
flex-direction: column;
|
||
font-weight: 400;
|
||
font-size: 1vw;
|
||
color: #888888;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem .dbgys > uni-view:nth-child(1) uni-view[data-v-29da2345] {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem .dbgys > uni-view:nth-child(1) uni-text[data-v-29da2345] {
|
||
font-weight: bold;
|
||
font-size: 1.4vw;
|
||
color: #555555;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view .hl[data-v-29da2345] {
|
||
color: #0385FA;
|
||
background: #E7F0FB;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view .yl[data-v-29da2345] {
|
||
background: #DCF6F3;
|
||
color: #00C6A9;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view .bj[data-v-29da2345] {
|
||
background: #E9EBFC;
|
||
color: #727BFF;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(1) {
|
||
font-weight: bold;
|
||
font-size: 1.5vw;
|
||
color: #333;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(2) {
|
||
font-weight: 400;
|
||
font-size: 1.2vw;
|
||
color: #555555;
|
||
margin-top: 0.6vw;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(3),
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(4) {
|
||
font-weight: 400;
|
||
font-size: 1.2vw;
|
||
color: #666666;
|
||
margin-top: 0.6vw;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(5) {
|
||
width: 100%;
|
||
height: 7vw;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view .znk[data-v-29da2345] {
|
||
width: 8vw;
|
||
height: 7vw;
|
||
position: absolute;
|
||
right: 1vw;
|
||
bottom: 4.3vw;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view .znk uni-image[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view .carditem[data-v-29da2345] {
|
||
width: 5.8vw;
|
||
height: 2.1vw;
|
||
border-radius: 1vw;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-weight: 400;
|
||
font-size: 0.9vw;
|
||
margin-top: 0.8vw;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd > .boxitem > uni-view .carditem uni-image[data-v-29da2345] {
|
||
width: 1.4vw;
|
||
height: 1.4vw;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd .cgdh[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 4.3vw;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
color: #333333;
|
||
font-weight: bold;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd .cgdh uni-view[data-v-29da2345] {
|
||
font-size: 1.1vw;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd .cgdh uni-text[data-v-29da2345] {
|
||
font-size: 1.4vw;
|
||
}
|
||
.caigoudan .cgdscroll .cardcd .gys[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 2vw;
|
||
background: rgba(238, 238, 238, 0.5);
|
||
text-align: right;
|
||
font-weight: 400;
|
||
font-size: 1.1vw;
|
||
color: #666666;
|
||
padding-right: 0.8vw;
|
||
line-height: 2vw;
|
||
}
|
||
.caigoudan .tj[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 3.5vw;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
}
|
||
.caigoudan .tj > uni-text[data-v-29da2345]:nth-child(1) {
|
||
width: 5.2vw;
|
||
height: 2.2vw;
|
||
display: inline-block;
|
||
text-align: center;
|
||
line-height: 2.2vw;
|
||
font-weight: 400;
|
||
font-size: 1vw;
|
||
color: #5C7992;
|
||
background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
|
||
border-radius: 1.1vw;
|
||
}
|
||
.caigoudan .title[data-v-29da2345] {
|
||
height: 2vw;
|
||
font-weight: 400;
|
||
font-size: 1.4vw;
|
||
color: #333333;
|
||
}
|
||
.uncrkcard[data-v-29da2345] {
|
||
right: -26vw !important;
|
||
}
|
||
.wuliao[data-v-29da2345] {
|
||
width: 25.2vw;
|
||
height: 48.8vw;
|
||
background: #FFFFFF;
|
||
box-shadow: 0 0 1vw 0 rgba(171, 171, 172, 0.29);
|
||
border-radius: 1.6vw;
|
||
position: fixed;
|
||
bottom: 11vw;
|
||
right: 1.5vw;
|
||
z-index: 103;
|
||
padding: 2vw 2.2vw 2vw;
|
||
}
|
||
.wuliao .dibu[data-v-29da2345] {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin: 3vw auto 0;
|
||
}
|
||
.wuliao .dibu uni-view[data-v-29da2345] {
|
||
width: 4vw;
|
||
height: 80%;
|
||
font-weight: 400;
|
||
font-size: 0.9vw;
|
||
color: #8F92A1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
margin-left: 2.1vw;
|
||
margin-top: -0.2vw;
|
||
align-items: center;
|
||
}
|
||
.wuliao .dibu uni-view .l[data-v-29da2345] {
|
||
color: #0385fa;
|
||
}
|
||
.wuliao .dibu uni-view .f[data-v-29da2345] {
|
||
color: #fab2b6;
|
||
}
|
||
.wuliao .dibu uni-view > uni-text[data-v-29da2345] {
|
||
white-space: nowrap;
|
||
display: inline-block;
|
||
display: flex;
|
||
}
|
||
.wuliao .dibu uni-view > uni-text[data-v-29da2345]:nth-child(1) {
|
||
font-weight: bold;
|
||
font-size: 1.4vw;
|
||
color: #555555;
|
||
}
|
||
.wuliao .dibu uni-view > uni-text[data-v-29da2345]:nth-child(2) {
|
||
font-weight: 400;
|
||
font-size: 0.9vw;
|
||
color: #8F92A1;
|
||
white-space: nowrap;
|
||
}
|
||
.wuliao .zil[data-v-29da2345] {
|
||
font-weight: 400;
|
||
font-size: 1.1vw;
|
||
color: #777777;
|
||
margin-top: 0.9vw;
|
||
}
|
||
.wuliao .life[data-v-29da2345] {
|
||
width: 60%;
|
||
height: 2vw;
|
||
margin: 0 auto 3vw;
|
||
display: flex;
|
||
justify-content: space-around;
|
||
}
|
||
.wuliao .life uni-view[data-v-29da2345] {
|
||
width: 5.3vw;
|
||
height: 1.8vw;
|
||
border-radius: 0.9vw;
|
||
border: 1px solid #D2D2D2;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-weight: 400;
|
||
font-size: 0.9vw;
|
||
color: #555555;
|
||
margin-left: 0.6vw;
|
||
}
|
||
.wuliao .znk[data-v-29da2345] {
|
||
width: 16vw;
|
||
height: 15vw;
|
||
margin: 2vw auto 0;
|
||
}
|
||
.wuliao .name[data-v-29da2345] {
|
||
width: 100%;
|
||
font-weight: bold;
|
||
font-size: 1.4vw;
|
||
color: #212327;
|
||
height: 3vw;
|
||
line-height: 1.5vw;
|
||
}
|
||
.shuru[data-v-29da2345] {
|
||
width: 20.6vw;
|
||
height: 34.5vw;
|
||
position: fixed;
|
||
bottom: 1.5vw;
|
||
right: 1.6vw;
|
||
z-index: 103;
|
||
}
|
||
.mengban[data-v-29da2345] {
|
||
width: 100vw;
|
||
height: 100vh;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 100;
|
||
background: rgba(239, 240, 244, 0.55);
|
||
}
|
||
.tp uni-image[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.box[data-v-29da2345] {
|
||
width: 100vw;
|
||
height: 100vh;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
padding: 0vw 1vw 0;
|
||
}
|
||
.box .rights[data-v-29da2345] {
|
||
width: 27vw;
|
||
height: calc(100% - 4vw);
|
||
margin-top: 4vw;
|
||
}
|
||
.box .rights .serchs[data-v-29da2345] {
|
||
width: 27vw;
|
||
height: 3.2vw;
|
||
background: rgba(255, 255, 255, 0.5);
|
||
border-radius: 1.6vw;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding: 0.5vw;
|
||
align-items: center;
|
||
margin-top: 1.1vw;
|
||
}
|
||
.box .rights .serchs .ipt[data-v-29da2345] {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.box .rights .serchs .ipt uni-image[data-v-29da2345] {
|
||
width: 2.2vw;
|
||
height: 2.2vw;
|
||
margin-left: 0.5vw;
|
||
}
|
||
.box .rights .serchs .ipt uni-input[data-v-29da2345] {
|
||
width: 18vw;
|
||
height: 2.4vw;
|
||
font-size: 1.1vw;
|
||
padding-left: 1.6vw;
|
||
}
|
||
.box .rights .serchs .scr[data-v-29da2345] {
|
||
width: 4.2vw;
|
||
height: 2.4vw;
|
||
background: url('../../static/index/warehouse/procurement/sh.png') no-repeat;
|
||
background-size: 100% 100%;
|
||
border-radius: 1.2vw;
|
||
border: 1px solid #009bfc;
|
||
font-weight: 400;
|
||
font-size: 1vw;
|
||
color: #1083F8;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.box .rights .anmikc[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 9vw;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
}
|
||
.box .rights .anmikc > uni-view[data-v-29da2345] {
|
||
width: 8.5vw;
|
||
height: 3.7vw;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-weight: 400;
|
||
font-size: 1.3vw;
|
||
color: #212327;
|
||
background: #FFFFFF;
|
||
margin: 0.25vw 0;
|
||
border-radius: 1.6vw;
|
||
}
|
||
.box .rights .anmikc > uni-view[data-v-29da2345]:nth-child(1),
|
||
.box .rights .anmikc > uni-view[data-v-29da2345]:nth-child(2) {
|
||
width: 12.5vw;
|
||
}
|
||
.box .rights .anmikc > uni-view uni-view[data-v-29da2345] {
|
||
margin-right: 0.4vw;
|
||
}
|
||
.box .rights .anmikc > uni-view uni-view uni-image[data-v-29da2345] {
|
||
width: 2vw;
|
||
height: 2vw;
|
||
}
|
||
.box .rights .anmikc > uni-view uni-view .donghua[data-v-29da2345] {
|
||
margin: 0;
|
||
}
|
||
.box .rights .anmikc > uni-view uni-text[data-v-29da2345] {
|
||
white-space: nowrap;
|
||
}
|
||
.box .rights .typeitem[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 54vh;
|
||
}
|
||
.box .rights .typeitem .scroltype[data-v-29da2345] {
|
||
width: 100%;
|
||
height: calc(54vh - 2vw);
|
||
display: flex;
|
||
justify-content: space-around;
|
||
}
|
||
.box .rights .typeitem .scroltype .scroll-Y[data-v-29da2345] {
|
||
width: 8.5vw;
|
||
height: calc(54vh - 2vw);
|
||
}
|
||
.box .rights .typeitem .scroltype .scroll-Y uni-view[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 3.8vw;
|
||
background: rgba(255, 255, 255, 0.5);
|
||
border-radius: 1.9vw;
|
||
font-weight: 400;
|
||
font-size: 1.3vw;
|
||
color: #212327;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
padding: 0 0.4vw;
|
||
margin-bottom: 0.8vw;
|
||
text-align: center;
|
||
}
|
||
.box .rights .typeitem .scroltype .scroll-Y uni-view uni-text[data-v-29da2345] {
|
||
white-space: nowrap;
|
||
}
|
||
.box .rights .typeitem .scroltype .scroll-Y uni-view > uni-image[data-v-29da2345] {
|
||
width: 2vw;
|
||
height: 2vw;
|
||
}
|
||
.box .rights .typeitem .scroltype .scroll-Y .act[data-v-29da2345] {
|
||
background: #ffffff !important;
|
||
font-weight: 600;
|
||
color: #0385FA !important;
|
||
}
|
||
.box .rights .typeitem .toptype[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 2vw;
|
||
display: flex;
|
||
justify-content: space-around;
|
||
margin: 0.4vw 0 0.4vw 0;
|
||
}
|
||
.box .rights .typeitem .toptype uni-view[data-v-29da2345] {
|
||
width: 7vw;
|
||
height: 1.9vw;
|
||
border-radius: 1vw;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-weight: 400;
|
||
font-size: 1.2vw;
|
||
color: #333333;
|
||
}
|
||
.box .rights .shitem[data-v-29da2345] {
|
||
width: 27vw;
|
||
height: 10.3vw;
|
||
background: #E8E9ED;
|
||
border-radius: 1.6vw;
|
||
padding: 1.2vw 1.8vw;
|
||
}
|
||
.box .rights .shitem .jqry[data-v-29da2345] {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.box .rights .shitem .jqry .left[data-v-29da2345] {
|
||
width: 5vw;
|
||
height: 5vw;
|
||
margin-right: 0.8vw;
|
||
border-radius: 0.3vw;
|
||
overflow: hidden;
|
||
}
|
||
.box .rights .shitem .jqry .rigname[data-v-29da2345] {
|
||
height: 4vw;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-around;
|
||
}
|
||
.box .rights .shitem .jqry .rigname uni-view[data-v-29da2345]:nth-child(1) {
|
||
font-weight: bold;
|
||
font-size: 1.4vw;
|
||
color: #212327;
|
||
}
|
||
.box .rights .shitem .jqry .rigname uni-view[data-v-29da2345]:nth-child(2) {
|
||
width: 11vw;
|
||
font-weight: 400;
|
||
font-size: 1vw;
|
||
color: #212327;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
.box .rights .shitem .shypk[data-v-29da2345] {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
.box .rights .shitem .shypk uni-view[data-v-29da2345]:nth-child(1) {
|
||
font-weight: bold;
|
||
font-size: 1.1vw;
|
||
color: #333333;
|
||
}
|
||
.box .rights .shitem .shypk uni-view[data-v-29da2345]:nth-child(2) {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
.box .rights .shitem .shypk uni-view:nth-child(2) uni-text[data-v-29da2345] {
|
||
font-weight: 400;
|
||
font-size: 1vw;
|
||
color: #666666;
|
||
}
|
||
.box .lefts[data-v-29da2345] {
|
||
width: 70vw;
|
||
margin-left: 1vw;
|
||
height: calc(100%);
|
||
position: relative;
|
||
}
|
||
.box .lefts .fxj[data-v-29da2345] {
|
||
width: 23vw;
|
||
height: 22vw;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 2vw;
|
||
z-index: 11;
|
||
border-radius: 1.6vw;
|
||
}
|
||
.box .lefts .fxj uni-text[data-v-29da2345] {
|
||
width: 100%;
|
||
font-weight: 400;
|
||
font-size: 0.9vw;
|
||
color: #999999;
|
||
display: flex;
|
||
justify-content: center;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0vw;
|
||
}
|
||
.box .lefts .mblbg[data-v-29da2345] {
|
||
width: 24.5vw;
|
||
height: 21vw;
|
||
position: absolute;
|
||
left: -1vw;
|
||
bottom: 0.5vw;
|
||
border-radius: 1.6vw;
|
||
filter: blur(0.46875rem);
|
||
background: #eff0f4;
|
||
z-index: 10;
|
||
}
|
||
.box .lefts .scroll-Y[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 100%;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
.box .lefts .scroll-Y .boxitem[data-v-29da2345]:nth-child(1),
|
||
.box .lefts .scroll-Y .boxitem[data-v-29da2345]:nth-child(2),
|
||
.box .lefts .scroll-Y .boxitem[data-v-29da2345]:nth-child(3) {
|
||
margin-top: 4vw;
|
||
}
|
||
.box .lefts .boxitem[data-v-29da2345] {
|
||
width: 22vw;
|
||
height: 19.3vw;
|
||
background: rgba(255, 255, 255, 0.7);
|
||
border-radius: 1.6vw;
|
||
margin: 0 1.3vw 1.2vw 0;
|
||
border: 2px dashed #fff;
|
||
display: inline-block;
|
||
padding: 1vw 2.3vw 2.3vw;
|
||
position: relative;
|
||
}
|
||
.box .lefts .boxitem .dbgys[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 5.3vw;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0vw;
|
||
background: #f7f7fa;
|
||
border-radius: 0 0 1.6vw 1.6vw;
|
||
border: 2px solid #eff0f4;
|
||
display: flex;
|
||
padding: 0.4vw 1.5vw 0;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.box .lefts .boxitem .dbgys .act[data-v-29da2345] {
|
||
background: #e7f0fb !important;
|
||
border: 1px solid #0076d6 !important;
|
||
}
|
||
.box .lefts .boxitem .dbgys > uni-view[data-v-29da2345]:nth-child(2) {
|
||
width: 2.2vw;
|
||
height: 2.2vw;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background: #EEEEEE;
|
||
border-radius: 50%;
|
||
border: 1px solid #CBCFD0;
|
||
padding: 0 !important;
|
||
}
|
||
.box .lefts .boxitem .dbgys > uni-view:nth-child(2) uni-image[data-v-29da2345] {
|
||
width: 1.6vw;
|
||
height: 1.6vw;
|
||
}
|
||
.box .lefts .boxitem .dbgys > uni-view[data-v-29da2345]:nth-child(1) {
|
||
display: flex;
|
||
flex-direction: column;
|
||
font-weight: 400;
|
||
font-size: 1vw;
|
||
color: #888888;
|
||
width: 14vw;
|
||
}
|
||
.box .lefts .boxitem .dbgys > uni-view:nth-child(1) uni-text[data-v-29da2345] {
|
||
font-weight: bold;
|
||
font-size: 1.4vw;
|
||
color: #555555;
|
||
}
|
||
.box .lefts .boxitem > uni-view .hl[data-v-29da2345] {
|
||
color: #0385FA;
|
||
background: #E7F0FB;
|
||
}
|
||
.box .lefts .boxitem > uni-view .yl[data-v-29da2345] {
|
||
background: #DCF6F3;
|
||
color: #00C6A9;
|
||
}
|
||
.box .lefts .boxitem > uni-view .bj[data-v-29da2345] {
|
||
background: #E9EBFC;
|
||
color: #727BFF;
|
||
}
|
||
.box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(1) {
|
||
font-weight: bold;
|
||
font-size: 1.5vw;
|
||
color: #333;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(2) {
|
||
font-weight: 400;
|
||
font-size: 1.2vw;
|
||
color: #555555;
|
||
margin-top: 0.6vw;
|
||
}
|
||
.box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(3),
|
||
.box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(4) {
|
||
font-weight: 400;
|
||
font-size: 1.2vw;
|
||
color: #666666;
|
||
margin-top: 0.6vw;
|
||
}
|
||
.box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(5) {
|
||
width: 100%;
|
||
height: 7vw;
|
||
}
|
||
.box .lefts .boxitem > uni-view .znk[data-v-29da2345] {
|
||
width: 8vw;
|
||
height: 7vw;
|
||
position: absolute;
|
||
right: 1vw;
|
||
bottom: 5.3vw;
|
||
}
|
||
.box .lefts .boxitem > uni-view .znk uni-image[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.box .lefts .boxitem > uni-view .carditem[data-v-29da2345] {
|
||
width: 5.8vw;
|
||
height: 2.1vw;
|
||
border-radius: 1vw;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-weight: 400;
|
||
font-size: 0.9vw;
|
||
margin-top: 0.8vw;
|
||
}
|
||
.box .lefts .boxitem > uni-view .carditem uni-image[data-v-29da2345] {
|
||
width: 1.4vw;
|
||
height: 1.4vw;
|
||
}
|
||
.yujing[data-v-29da2345] {
|
||
border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
||
box-shadow: 0 0 8px rgba(255, 102, 107, 0.051) inset;
|
||
}
|
||
.yujing uni-view .num uni-view[data-v-29da2345]:nth-child(1) {
|
||
color: #FF5757 !important;
|
||
}
|
||
.active[data-v-29da2345] {
|
||
border: 2px dashed #017DE9 !important;
|
||
}
|
||
.swsh[data-v-29da2345] {
|
||
width: 2.7vw;
|
||
height: 1.5vw;
|
||
background: #D6D8DC;
|
||
border-radius: 0.75vw;
|
||
border: 1px solid #D6D8DC;
|
||
padding: 0.2vw;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.swsh > uni-view[data-v-29da2345] {
|
||
width: 1.1vw;
|
||
height: 1.1vw;
|
||
background: #FCFCFD;
|
||
border-radius: 50%;
|
||
}
|
||
.act[data-v-29da2345] {
|
||
background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important;
|
||
border: 1px solid rgba(0, 130, 251, 0.34) !important;
|
||
padding-left: 1.3vw;
|
||
}
|
||
.act uni-view[data-v-29da2345] {
|
||
background: #0385FA;
|
||
position: absolute;
|
||
}
|
||
.guodu[data-v-29da2345] {
|
||
transition: 0.4s;
|
||
-webkit-transform-style: preserve-3d;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
.leftr[data-v-29da2345] {
|
||
width: 70vw;
|
||
margin-left: 1vw;
|
||
height: calc(100%);
|
||
position: relative;
|
||
}
|
||
.leftr .fxj[data-v-29da2345] {
|
||
width: 30vw;
|
||
height: 16vw;
|
||
position: absolute;
|
||
left: 1vw;
|
||
bottom: 0vw;
|
||
z-index: 111;
|
||
border-radius: 1.6vw;
|
||
}
|
||
.leftr .fxj uni-text[data-v-29da2345] {
|
||
width: 76%;
|
||
font-weight: 400;
|
||
font-size: 0.9vw;
|
||
color: #999999;
|
||
display: flex;
|
||
justify-content: center;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0vw;
|
||
}
|
||
.leftr .mblbg[data-v-29da2345] {
|
||
width: 35vw;
|
||
height: 16vw;
|
||
position: absolute;
|
||
left: -1vw;
|
||
bottom: 0vw;
|
||
border-radius: 1.6vw;
|
||
filter: blur(0.46875rem);
|
||
background: #eff0f4;
|
||
z-index: 10;
|
||
}
|
||
.leftr .scroll-Y[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 100%;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
.leftr .scroll-Y .boxitem[data-v-29da2345]:nth-child(1),
|
||
.leftr .scroll-Y .boxitem[data-v-29da2345]:nth-child(2),
|
||
.leftr .scroll-Y .boxitem[data-v-29da2345]:nth-child(3) {
|
||
margin-top: 4vw;
|
||
}
|
||
.leftr .boxibigtem[data-v-29da2345]:nth-child(1),
|
||
.leftr .boxibigtem[data-v-29da2345]:nth-child(2) {
|
||
margin-top: 4vw;
|
||
}
|
||
.leftr .boxibigtem[data-v-29da2345] {
|
||
width: 33.3vw;
|
||
height: 21.7vw;
|
||
background: rgba(255, 255, 255, 0.7);
|
||
border-radius: 1.6vw;
|
||
margin: 0 1.3vw 1.2vw 0;
|
||
border: 2px dashed #fff;
|
||
display: inline-block;
|
||
padding: 2.3vw;
|
||
position: relative;
|
||
}
|
||
.leftr .boxibigtem > uni-view .hl[data-v-29da2345] {
|
||
color: #0385FA;
|
||
background: #E7F0FB;
|
||
}
|
||
.leftr .boxibigtem > uni-view .yl[data-v-29da2345] {
|
||
background: #DCF6F3;
|
||
color: #00C6A9;
|
||
}
|
||
.leftr .boxibigtem > uni-view .bj[data-v-29da2345] {
|
||
background: #E9EBFC;
|
||
color: #727BFF;
|
||
}
|
||
.leftr .boxibigtem > uni-view[data-v-29da2345]:nth-child(1) {
|
||
font-weight: bold;
|
||
font-size: 1.5vw;
|
||
color: #333;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.leftr .boxibigtem > uni-view[data-v-29da2345]:nth-child(2) {
|
||
font-weight: 400;
|
||
font-size: 1.2vw;
|
||
color: #555555;
|
||
margin-top: 0.9vw;
|
||
}
|
||
.leftr .boxibigtem > uni-view[data-v-29da2345]:nth-child(3) {
|
||
font-weight: 400;
|
||
font-size: 1.2vw;
|
||
color: #666666;
|
||
margin-top: 0.6vw;
|
||
}
|
||
> .leftr .boxibigtem > uni-view[data-v-29da2345]:nth-child(4) {
|
||
width: 100%;
|
||
height: 10vw;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
}
|
||
.leftr .boxibigtem > uni-view .num[data-v-29da2345] {
|
||
position: absolute;
|
||
bottom: 2vw;
|
||
left: 2.5vw;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
}
|
||
.leftr .boxibigtem > uni-view .num uni-view[data-v-29da2345]:nth-child(1) {
|
||
font-weight: bold;
|
||
font-size: 2.2vw;
|
||
color: #555;
|
||
}
|
||
.leftr .boxibigtem > uni-view .num uni-view[data-v-29da2345]:nth-child(2) {
|
||
font-weight: 400;
|
||
font-size: 1vw;
|
||
color: #999999;
|
||
}
|
||
.leftr .boxibigtem > uni-view .znk[data-v-29da2345] {
|
||
width: 12vw;
|
||
height: 11.5vw;
|
||
position: absolute;
|
||
right: 1.5vw;
|
||
bottom: 1vw;
|
||
}
|
||
.leftr .boxibigtem > uni-view .znk uni-image[data-v-29da2345] {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.leftr .boxibigtem > uni-view .carditem[data-v-29da2345] {
|
||
width: 5.8vw;
|
||
height: 2.1vw;
|
||
border-radius: 1vw;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-weight: 400;
|
||
font-size: 0.9vw;
|
||
margin-top: 0.8vw;
|
||
}
|
||
.leftr .boxibigtem > uni-view .carditem uni-image[data-v-29da2345] {
|
||
width: 1.4vw;
|
||
height: 1.4vw;
|
||
}
|
||
|
||
|
||
body {
|
||
background: RGBA(239, 240, 244, 1);
|
||
}
|