折叠面板公共样式优化
Showing
2 changed files
with
33 additions
and
30 deletions
1 | |||
2 | /deep/.modifycollapse{ | 1 | /deep/.modifycollapse{ |
2 | border: none; | ||
3 | 3 | ||
4 | .el-collapse-item__header{ | 4 | .el-collapse-item { |
5 | margin-bottom: 10px; | ||
6 | background: #F3F4F7; | ||
7 | border: 1px solid #D9D9D9; | ||
8 | border-radius: 4px; | ||
9 | font-size: 16px; | ||
10 | font-family: PingFangSC-Medium, PingFang SC; | ||
11 | font-weight: 500; | ||
12 | color: #333333; | ||
13 | line-height: 18px; | ||
14 | 5 | ||
15 | } | 6 | .el-collapse-item__header { |
16 | .el-collapse-item__header::before{ | 7 | margin-bottom: 10px; |
17 | content: ""; | 8 | background: #F3F4F7; |
18 | margin-left: 10px; | 9 | border: 1px solid #D9D9D9; |
19 | margin-right: 10px; | 10 | border-radius: 4px; |
20 | width: 4px; | 11 | font-size: 16px; |
21 | height: 18px; | 12 | font-family: PingFangSC-Medium, PingFang SC; |
22 | background: #2B7FF1; | 13 | font-weight: 500; |
23 | } | 14 | color: #333333; |
24 | .el-collapse-item__arrow{ | 15 | line-height: 18px; |
25 | color: #979797 ; | ||
26 | margin-left: 10px; | ||
27 | } | ||
28 | 16 | ||
17 | } | ||
29 | 18 | ||
30 | } | 19 | .el-collapse-item__header::before { |
20 | content: ""; | ||
21 | margin-left: 10px; | ||
22 | margin-right: 10px; | ||
23 | width: 4px; | ||
24 | height: 18px; | ||
25 | background: #2B7FF1; | ||
26 | } | ||
31 | 27 | ||
28 | .el-collapse-item__arrow { | ||
29 | color: #979797; | ||
30 | margin-left: 10px; | ||
31 | } | ||
32 | |||
33 | |||
34 | } | ||
35 | } | ... | ... |
... | @@ -135,8 +135,8 @@ | ... | @@ -135,8 +135,8 @@ |
135 | </el-col> | 135 | </el-col> |
136 | </el-row> | 136 | </el-row> |
137 | </el-form> | 137 | </el-form> |
138 | <el-collapse accordion> | 138 | <el-collapse class="modifycollapse" accordion> |
139 | <el-collapse-item class="modifycollapse" title="登记情形设置" name="1"> | 139 | <el-collapse-item title="登记情形设置" name="1"> |
140 | <lb-table | 140 | <lb-table |
141 | :column="djqxCol" | 141 | :column="djqxCol" |
142 | border | 142 | border |
... | @@ -146,7 +146,7 @@ | ... | @@ -146,7 +146,7 @@ |
146 | > | 146 | > |
147 | </lb-table> | 147 | </lb-table> |
148 | </el-collapse-item> | 148 | </el-collapse-item> |
149 | <el-collapse-item class="modifycollapse" title="材料信息设置" name="2"> | 149 | <el-collapse-item title="材料信息设置" name="2"> |
150 | <lb-table | 150 | <lb-table |
151 | :column="clxxCol" | 151 | :column="clxxCol" |
152 | border | 152 | border |
... | @@ -157,7 +157,6 @@ | ... | @@ -157,7 +157,6 @@ |
157 | </lb-table> | 157 | </lb-table> |
158 | </el-collapse-item> | 158 | </el-collapse-item> |
159 | <el-collapse-item | 159 | <el-collapse-item |
160 | class="modifycollapse" | ||
161 | title="刷选权利设置" | 160 | title="刷选权利设置" |
162 | name="3" | 161 | name="3" |
163 | v-if="form.ywDetail.sfsxql == '1'" | 162 | v-if="form.ywDetail.sfsxql == '1'" |
... | @@ -180,7 +179,7 @@ | ... | @@ -180,7 +179,7 @@ |
180 | </li> | 179 | </li> |
181 | </ul> | 180 | </ul> |
182 | </el-collapse-item> | 181 | </el-collapse-item> |
183 | <el-collapse-item class="modifycollapse" title="办理状态设置" name="4"> | 182 | <el-collapse-item title="办理状态设置" name="4"> |
184 | <ul class="screen-list"> | 183 | <ul class="screen-list"> |
185 | <li v-for="(item, index) in form.sxzt" :key="index"> | 184 | <li v-for="(item, index) in form.sxzt" :key="index"> |
186 | <div class="screen-list-left"> | 185 | <div class="screen-list-left"> | ... | ... |
-
Please register or sign in to post a comment