Browse Source

修改选择题样式

zengyicheng 2 năm trước cách đây
mục cha
commit
287a4a6850
2 tập tin đã thay đổi với 23 bổ sung22 xóa
  1. BIN
      src/assets/icon/xzUpImg.png
  2. 23 22
      src/components/pages/addCourse.vue

BIN
src/assets/icon/xzUpImg.png


+ 23 - 22
src/components/pages/addCourse.vue

@@ -2714,6 +2714,7 @@
                       :key="checkIndex"
                       :label="checkIndex"
                     >
+                      <div style="margin-right:10px">选项{{ checkIndex + 1 }} </div>
                       <div
                         style="margin-right: 10px; width: 300px"
                         v-if="
@@ -2743,20 +2744,15 @@
                         placeholder="请输入选项..."
                         style="width: 300px; margin-right: 10px"
                       ></el-input>
-                      <!-- <div>
-                        <el-button
-                          type="primary"
-                          size="small"
-                          @click="addImg($event)"
-                          >上传图片
-                          <input
+                      <div class="xzUpImg" @click="addImg($event)">
+                        <img src="../../assets/icon/xzUpImg.png" alt="">
+                        <input
                             type="file"
                             accept="image/*"
                             style="display: none"
                             @change="beforeUploadTi($event, index1, checkIndex)"
                           />
-                        </el-button>
-                      </div> -->
+                      </div>
                     </el-radio>
                   </div>
                 </el-radio-group>
@@ -2771,6 +2767,7 @@
                       :key="checkIndex1"
                       :label="checkIndex1"
                     >
+                      <div style="margin-right:10px">选项{{ checkIndex1 + 1 }} </div>
                       <div
                         style="margin-right: 10px; width: 300px"
                         v-if="
@@ -2800,13 +2797,9 @@
                         placeholder="请输入选项..."
                         style="width: 300px; margin-right: 10px"
                       ></el-input>
-                      <!-- <div>
-                        <el-button
-                          type="primary"
-                          size="small"
-                          @click="addImg($event)"
-                          >上传图片
-                          <input
+                      <div class="xzUpImg" @click="addImg($event)">
+                        <img src="../../assets/icon/xzUpImg.png" alt="">
+                        <input
                             type="file"
                             accept="image/*"
                             style="display: none"
@@ -2814,8 +2807,7 @@
                               beforeUploadTi($event, index1, checkIndex1)
                             "
                           />
-                        </el-button>
-                      </div> -->
+                      </div>
                     </el-checkbox>
                   </div>
                 </el-checkbox-group>
@@ -4404,6 +4396,7 @@ export default {
       this.dialogVisible7 = true;
     },
     beforeUploadTi(event, i, j) {
+      console.log(event)
       const loading = this.openLoading();
       var file = event.target.files[0];
       var credentials = {
@@ -8207,7 +8200,7 @@ ol {
 
 .a_add_box {
   border-bottom: 2px solid #eee;
-  padding-bottom: 10px;
+  padding-bottom: 30px;
 }
 
 .a_add_head {
@@ -8270,14 +8263,14 @@ ol {
   display: flex;
   align-items: center;
   flex-direction: row-reverse;
-  margin: 10px 0 0 0;
+  margin: 30px 0 0 0;
 }
 
 .a_add_input_choice >>> .el-checkbox {
   display: flex;
   align-items: center;
   flex-direction: row-reverse;
-  margin: 10px 0 0 0;
+  margin: 30px 0 0 0;
 }
 
 .width100 {
@@ -9570,7 +9563,7 @@ ol {
   align-items: center;
 }
 .inImg {
-  width: 100px;
+  width: 50px;
 }
 .inImg > img {
   width: 100%;
@@ -9589,4 +9582,12 @@ ol {
 .upCss >>> .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{
     display: none;
 }
+.xzUpImg{
+  width: 25px;
+  height: 25px;
+}
+.xzUpImg>img{
+  width: 100%;
+  height: 100%;
+}
 </style>