You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

154 lines
16 KiB
Plaintext

4 weeks ago
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 标签颜色 */
.container .m-header {
background-color: #fff;
}
.container .exam-warp {
min-height: 100vh;
padding: calc(100rpx + 30rpx + 25px) 32rpx 236rpx;
box-sizing: border-box;
}
.container .exam-warp .exam-name {
font-size: 32rpx;
font-weight: 500;
color: #1C2F54;
margin-bottom: 20rpx;
}
.container .exam-warp .exam-legend {
width: 100%;
height: 220rpx;
padding: 54rpx 32rpx 0;
box-sizing: border-box;
display: flex;
background: #fff url(data:image/png;base64,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
box-shadow: 0 12rpx 24rpx 2rpx #e6e6e6;
border-radius: 40rpx;
}
.container .exam-warp .exam-legend > ._div {
border-right: 2rpx solid #EFF2F5;
display: flex;
align-items: center;
height: 70rpx;
box-sizing: border-box;
color: #1C2F54;
}
.container .exam-warp .exam-legend > ._div ._span {
font-weight: 500;
}
.container .exam-warp .exam-legend > ._div ._span:first-of-type {
width: 70rpx;
height: 70rpx;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10rpx;
font-size: 32rpx;
}
.container .exam-warp .exam-legend > ._div ._span:last-of-type {
margin-left: 16rpx;
font-size: 28rpx;
}
.container .exam-warp .exam-legend .full {
width: 196rpx;
}
.container .exam-warp .exam-legend .full ._span:first-of-type {
background-color: #D6F1F5;
color: #34BACC;
}
.container .exam-warp .exam-legend .success {
width: 198rpx;
padding-left: 12rpx;
}
.container .exam-warp .exam-legend .success ._span:first-of-type {
background-color: #E1EFBE;
color: #92AE47;
}
.container .exam-warp .exam-legend .page-number {
width: 224rpx;
padding-left: 24rpx;
border-right: none;
}
.container .exam-warp .exam-legend .page-number ._span:first-of-type {
background-color: #FFEEE1;
color: #E1843E;
}
.container .exam-warp .ask-exam-progress-warp {
margin: 32rpx 0 12rpx;
}
.container .exam-warp .ask-exam-progress-warp .ask-exam-text {
font-size: 22rpx;
color: #008CD6;
}
.container .exam-warp .ask-exam-progress-warp .progress-warp {
display: flex;
}
.container .exam-warp .ask-exam-progress-warp .progress-warp .progress {
flex: 1;
}
.container .exam-warp .ask-exam-progress-warp .progress-warp ._span {
margin-left: 12rpx;
font-size: 24rpx;
color: #008CD6;
}
.container .exam-warp .footer {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
padding-bottom: 32rpx;
background-color: #fff;
box-sizing: border-box;
}
.container .exam-warp .footer .tool-btn-warp {
margin-bottom: 28rpx;
padding: 0 28rpx;
}
.container .exam-warp .footer .tool-btn-warp button {
display: flex;
justify-content: center;
align-items: center;
width: 280rpx;
height: 88rpx;
background: #008CD6;
border-radius: 45rpx;
font-size: 32rpx;
color: #fff;
font-weight: 500;
margin: 0;
padding: 0;
}
.container .exam-warp .footer .tool-btn-warp .disable {
background-color: #EFF2F5;
color: #738296;
}
.container .exam-warp .footer .submit-warp {
width: calc(100% - 28rpx - 28rpx);
height: 88rpx;
background: #008CD6;
border-radius: 45rpx;
font-size: 32rpx;
color: #fff;
font-weight: 500;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}