|
|
@@ -27,10 +27,10 @@
|
|
|
<el-form-item label="课程封面" prop="cover_image_url">
|
|
|
<upload :datafileList="organizeForm.cover_image_list" :changeFillId="handleAvatarSuccess" :fileName="'cover'" :showList="true" uploadType="image" :filleNumber="1" v-if="!organizeForm.cover_image_url" styleType="upload" />
|
|
|
<div class="cover-box" v-else @mouseover="Imagemouseover('coverFlag',true)" @mouseout="Imagemouseover('coverFlag',false)">
|
|
|
- <el-image :src="organizeForm.cover_image_url" fit="cover" style="width:200px;height:280px;"></el-image>
|
|
|
+ <el-image :src="organizeForm.cover_image_url" fit="cover" style="width:282px;height:174px;"></el-image>
|
|
|
<p v-show="coverFlag" @click="handleDeleteFile('cover',0)"><i class="el-icon-delete"></i></p>
|
|
|
</div>
|
|
|
- <p class="tips">建议上传宽高比为5:7的图</p>
|
|
|
+ <p class="tips">建议上传宽高为282*174的图</p>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="课程名称" prop="title">
|
|
|
<el-input v-model="organizeForm.title" placeholder="请输入课程名称" @blur="handleTrim('organizeForm','title')"></el-input>
|
|
|
@@ -430,15 +430,15 @@ export default {
|
|
|
}
|
|
|
.cover-box{
|
|
|
position: relative;
|
|
|
- width: 200px;
|
|
|
- height: 280px;
|
|
|
+ width: 282px;
|
|
|
+ height: 174px;
|
|
|
p{
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
- height: 280px;
|
|
|
- line-height: 280px;
|
|
|
+ height: 174px;
|
|
|
+ line-height: 174px;
|
|
|
font-size: 20px;
|
|
|
text-align: center;
|
|
|
cursor: pointer;
|
natasha