1c1eeed9 by xiaomiao

折叠面板公共样式优化

1 parent 4aab3e56
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">
......