修改课程样式

src/components/pages/test/add/components/course/index.vue

@@ -3,19 +3,21 @@
         <!-- <div class="title">设置附件</div> -->
         <div class="box">
             <div class="set_title">
-                <span>表单问题：</span>
-                <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols v-model="checkJson.title"
-                    placeholder=""></textarea>
+                <span>表单问题</span>
+                <el-input v-autoHeight="35" rows="2" class="binfo_input binfo_textarea" cols v-model="checkJson.title"
+                    placeholder=""></el-input>
             </div>
             <div class="set_title">
-                <span>问题描述：</span>
-                <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols v-model="checkJson.detail"
-                    placeholder="请输入描述"></textarea>
+                <span>问题描述</span>
+                <el-input v-autoHeight="35" rows="2" class="binfo_input binfo_textarea" cols v-model="checkJson.detail"
+                    placeholder="请输入描述"></el-input>
             </div>
             <div class="set_title" style="flex-direction: column;">
                 <div class="title_setting">
-                    <span>选择课程：</span>
-                    <div @click="openCourse" class="setting">点击添加课程</div>
+                    <span>选择课程</span>
+                    <div @click="openCourse" class="setting el-icon-plus">
+											<span>添加课程</span>
+										</div>
                 </div>
                 <!-- {{courses}} -->
                 <div class="set_title_list" v-loading="loading">
@@ -180,6 +182,8 @@ export default {
     font-size: 15px;
     min-width: 90px;
     text-align: right;
+		line-height: 35px;
+		margin-right: 30px;
 }
 
 .set_options {
@@ -198,25 +202,25 @@ export default {
 .binfo_input {
     width: 100%;
     margin: 0;
-    padding: 12px 14px;
+    /* padding: 12px 14px; */
     display: block;
     min-width: 0;
     outline: none;
     box-sizing: border-box;
     background: none;
     border: none;
-    border-radius: 4px;
-    background: #fff;
+    border-radius: 20px;
+    /* background: #fff; */
     font-size: 16px;
     resize: none;
     font-family: 'Microsoft YaHei';
-    min-height: 48px;
+    /* min-height: 48px; */
     /* border: 1px solid #3682fc00; */
-    border: 1px solid #CAD1DC;
+    /* border: 1px solid #CAD1DC; */
 }
 
 .binfo_textarea {
-    border: 1px solid #CAD1DC;
+    /* border: 1px solid #CAD1DC; */
     font-size: 16px;
     resize: none;
     /* background: #f6f6f6; */
@@ -241,6 +245,7 @@ export default {
 } */
 
 .title_setting{
+		width: 100%;
     margin-bottom: 10px;
     display: flex;
     align-items: flex-start;
@@ -259,8 +264,14 @@ export default {
     cursor: pointer;
     /* justify-content: flex-end; */
     width: 100%;
+		color:#3681FC;
+		margin-left: 30px;
 }
 
+.setting>span{
+	margin-left: 5px;
+}
+/* 
 .setting::before {
     content: '';
     display: block;
@@ -269,7 +280,7 @@ export default {
     background-image: url('../../../../../../assets/icon/test/test_setting_icon.png');
     background-size: 100% 100%;
     margin-right: 5px;
-}
+} */
 
 .set_title_list_item {
     display: flex;