update: dist

src/styles/component.less

@@ -22,6 +22,9 @@
 .mt10 {
   margin-top: 10px;
 }
+.mt15{
+  margin-top: 15px;
+}
 .mb10 {
   margin-bottom: 10px;
 }

src/views/activity/template-detail.vue

@@ -40,7 +40,7 @@
       </div>
       <dm-sub-title type="fill">游戏首页奖品样式</dm-sub-title>
       <div class="section">
-        <el-form-item label="奖项展示个数" prop="viewPrize">
+        <el-form-item label="奖项展示个数" prop="viewPrize" required>
           <el-input class="w340" v-model.number="form.viewPrize" :disabled="isDisabled" @change="onValChange" placeholder="请输入展示数量"  ></el-input>
         </el-form-item>
         <el-form-item label="奖项图片尺寸" required>
@@ -65,8 +65,7 @@
           <div :class="[form.changeType==1?'multiBox':'']">
            <p class="tips mb10" v-show="form.changeType==1">图片格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
            <div v-for="(item, index) in form.prizeStyleJson" :key="index" class="multiBox-line">
-
-           <div class="mr20 lh20 mt10"  v-show="form.changeType==1">盲盒{{index+1}}</div>
+           <div class="mr20 lh20 mt10"  v-show="form.changeType==1" style="width: 46px;">盲盒{{index+1}}</div>
             <div class="flex-gap">
               <el-form-item :prop="'prizeStyleJson.' + index + '.' + 'imageNoSelectUrl'" label-width="0"  :style="form.changeType==0?'margin: 0':''" :rules="[{required:true,message:'请上传'}]">
                 <div :class="['flex-column',form.changeType==1?'multi':'']">
@@ -83,7 +82,7 @@
             </div>
           </div>
           </div>
-          <p class="tips mt6" v-show="form.changeType==0">图片格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
+          <p class="tips mt15" v-show="form.changeType==0">图片格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
         </el-form-item>
         <!-- <el-form-item label="更换奖项样式"> <el-switch v-model="form.canChangePrizeStyle"></el-switch><span class="tipss ml18">开启则表示支持用户更换此处模板内默认奖项样式</span> </el-form-item> -->
       </div>