update: dist

src/views/activity/template-detail.vue

@@ -31,10 +31,17 @@
         </el-form-item>
         <el-form-item label="游戏背景音乐" prop="backMusicUrl">
           <el-checkbox-group v-model="musicSelectList" @change="handleChange"   class="checkBoxContainer">
-            <el-checkbox v-for="row in musicList" :key="row.materialValue" :label="row.materialValue">{{ row.materialName }}</el-checkbox>
+            <el-checkbox v-for="row in musicList" :key="row.materialValue" :label="row.materialValue">
+            <div>
+          <el-tooltip v-if="row.materialName&&row.materialName.length>10"  placement="top" :content="row.materialName" trigger="hover" effect="dark"  >
+             <div>{{row.materialName.slice(0,10)}}</div>
+          </el-tooltip>
+            <span v-else>{{row.materialName}}</span>
+            </div>
+            </el-checkbox>
           </el-checkbox-group>
           <el-upload :action="musicUrl" with-credentials multiple  accept="audio/mpeg"  :data="{requestProject: 'gic-web'}"  :show-file-list="false" :file-list="defineMusicList" :before-upload="(file) => beforeMusicUpload(file)"   :on-success="uploadOnMusicSuccess">
-            <el-button size="small">自定义上传</el-button>
+            <el-button size="small" class="iconfont-components3 icon-cp-shangc"> 自定义上传</el-button>
           </el-upload>
         </el-form-item>
       </div>
@@ -711,9 +718,17 @@ export default {
 .checkBoxContainer {
   display: flex;
   flex-wrap: wrap;
+  width: 1116px;
   .el-checkbox + .el-checkbox {
     margin-left: 0;
   }
+
+   /deep/ .el-checkbox__label{
+    width: 140px;
+    overflow: hidden;
+    display: inline-flex;
+    }
+
 }
 .tips {
   font-size: 12px;