From 272c6479425767aaaeb53c3bf29a85979abbb5cf Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 18 Aug 2021 15:52:35 +0800
Subject: [PATCH] 样式 到时见自动提交
---
src/assets/css/subject.scss | 24 +++++++++++++-----------
1 files changed, 13 insertions(+), 11 deletions(-)
diff --git a/src/assets/css/subject.scss b/src/assets/css/subject.scss
index 69f5f89..285a418 100644
--- a/src/assets/css/subject.scss
+++ b/src/assets/css/subject.scss
@@ -2,7 +2,7 @@
font-size: 18px;
line-height: 25px;
padding: 18px 20px;
- border-bottom: 1px solid #DEDEDE;
+ border-bottom: 1px solid #dedede;
margin-bottom: 12px;
}
@@ -21,18 +21,19 @@
position: relative;
}
-
/* 题目 */
.subject-title {
font-size: 18px;
line-height: 22px;
+ margin-bottom: 15px;
.subject-title-number {
display: inline-block;
line-height: 22px;
}
.subject-title-content {
// display: inline-block;
+ // margin-bottom: 15px;
}
}
@@ -40,7 +41,7 @@
margin: 0;
padding: 0;
list-style: none;
- >li {
+ > li {
position: relative;
font-size: 24px;
.toggle {
@@ -58,21 +59,22 @@
-webkit-appearance: none;
appearance: none;
}
- .toggle+label {
- background-image: url('/img/exam/radus.png');
+ $sizes: 25px;
+ .toggle + label {
+ background-image: url("/img/exam/radus.png");
background-repeat: no-repeat;
background-position: center left;
- background-size: 30px;
+ background-size: $sizes;
}
- .toggle:checked+label {
- background-size: 30px;
- background-image: url('/img/exam/radus-check.png');
+ .toggle:checked + label {
+ background-size: $sizes;
+ background-image: url("/img/exam/radus-check.png");
}
label {
word-break: break-all;
padding: 10px 10px 10px 45px;
display: block;
- line-height: 1.0;
+ line-height: 1;
transition: color 0.4s;
}
/* 选项名称 */
@@ -84,4 +86,4 @@
.subject-answer {
padding: 16px;
-}
\ No newline at end of file
+}
--
Gitblit v1.9.3