样式优化

This commit is contained in:
yanwenlong
2024-03-18 17:29:40 +08:00
parent 8c64a1c225
commit 34ce2c25ae

View File

@@ -56,12 +56,12 @@
width="50%" @close="cancleClose">
<el-form :inline="true" :model="addForm" ref="addFormRef" :rules="addFormRule">
<el-row type="flex" justify="center">
<el-form-item label="标题" prop="title">
<el-form-item label="标题" prop="title" label-width="80px">
<el-input style="width:500px" v-model="addForm.title"></el-input>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="内容归类" prop="type">
<el-form-item label="内容归类" prop="type" label-width="80px">
<el-select v-model="addForm.type" placeholder="请选择内容归类" style="width: 500px;">
<el-option v-for="(item,index) in typeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
@@ -69,7 +69,7 @@
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="内容形式" prop="contentType">
<el-form-item label="内容形式" prop="contentType" label-width="80px">
<el-select v-model="addForm.contentType" placeholder="请选择形式" style="width: 500px;">
<el-option v-for="(item,index) in contentTypeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
@@ -77,17 +77,17 @@
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="排序" label-width="48px">
<el-form-item label="排序" label-width="80px">
<el-input style="width:500px" v-model="addForm.sort"></el-input>
</el-form-item>
</el-row>
<el-row type="flex" justify="center" v-if="addForm.contentType == 2">
<el-form-item label="url" prop="url" label-width="48px">
<el-form-item label="url" prop="url" label-width="80px">
<el-input style="width:500px" v-model="addForm.url"></el-input>
</el-form-item>
</el-row>
<el-row type="flex" justify="center" v-if="addForm.contentType == 1">
<el-form-item label="内容" prop="content" label-width="48px" class="custom-height">
<el-form-item label="内容" prop="content" label-width="80px" class="custom-height">
<!-- <el-input style="width:500px" v-model="addForm.content" :rows="5" type="textarea"></el-input> -->
<el-upload class="avatar-uploader" :action="baseUrl + '/oss/fileoss'" accept=".jpeg,.jpg,.gif,.png" :show-file-list="false" :on-success="contentUploadSuccess" >
</el-upload>
@@ -524,13 +524,13 @@
<style lang="less">
.custom-height{
height: 270px;
height: 370px;
}
.avatar-uploader{
height: 1px;
}
.general_editor {
height: 150px;
height: 250px;
width:500px
}
</style>