This commit is contained in:
daihh
2022-10-20 11:12:04 +08:00
4 changed files with 23 additions and 9 deletions

View File

@@ -487,9 +487,12 @@
padding: 25px 40px; padding: 25px 40px;
.personal-box { .personal-box {
margin-left: 0px; margin-left: 0px;
margin-top: 0px; margin-top: 10px;
margin-bottom: 0px; margin-bottom: 0px;
} }
.personal-ul{
margin-top: 7px;
}
} }

View File

@@ -16,8 +16,8 @@
:show-file-list="false" :show-file-list="false"
:headers="headers" :headers="headers"
style="display: inline-block;"> style="display: inline-block;">
<el-image v-if="!value" :src="value" style="width:100%;height:100%;"> <el-image v-if="!value" :src="value" :style="`width:${width};height:${height};`">
<div slot="error" class="image-slot" > <div slot="error" class="image-slot">
<i class="el-icon-upload"></i> <i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div> <div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传jpg/png/bmp/jpeg文件且不超过500kb</div> <div class="el-upload__tip" slot="tip">只能上传jpg/png/bmp/jpeg文件且不超过500kb</div>
@@ -169,7 +169,14 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
::v-deep .el-upload-dragger{
width: 100% !important;
height: 100% !important;
}
.image-upload{
width: 410px;
height: 168px;
}
.image-card .el-upload--picture-card,.image-card .el-upload-list--picture-card .el-upload-list__item{ .image-card .el-upload--picture-card,.image-card .el-upload-list--picture-card .el-upload-list__item{
background-color: #fbfdff; background-color: #fbfdff;
border: 1px dashed #c0ccda; border: 1px dashed #c0ccda;
@@ -183,6 +190,7 @@ export default {
border-radius: 6px; border-radius: 6px;
box-sizing: border-box; box-sizing: border-box;
vertical-align: top; vertical-align: top;
line-height: 100%;
} }
.image-uploader .el-upload { .image-uploader .el-upload {
border: 1px dashed #d9d9d9; border: 1px dashed #d9d9d9;

View File

@@ -13,7 +13,7 @@
<el-input class="title-input" v-model="askForm.title" show-word-limit placeholder="请输入问题标题,字符长度不能高于100" maxlength="100"></el-input> <el-input class="title-input" v-model="askForm.title" show-word-limit placeholder="请输入问题标题,字符长度不能高于100" maxlength="100"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="封面"> <el-form-item label="封面">
<imageUpload dir="qa" width="410px" height="168px" :value="imageShowUrl" @success="handleUploadSuccess" @remove="handleRemoveSuccess"></imageUpload> <imageUpload :value="imageShowUrl" dir="qa" width="410px" height="168px" @success="handleUploadSuccess" @remove="handleRemoveSuccess"></imageUpload>
<!-- <el-upload <!-- <el-upload
:action="uploadFileUrl" :action="uploadFileUrl"
:show-file-list="false" :show-file-list="false"
@@ -67,6 +67,7 @@
export default{ export default{
data(){ data(){
return { return {
fileBaseUrl:process.env.VUE_APP_FILE_BASE_URL,
askFormCheckedShow:false, askFormCheckedShow:false,
askFormRules: { askFormRules: {
title: [{ required: true, message: '请输入问题标题', trigger: 'blur' }, { max: 100, message: '字符长度不能高于100', trigger: 'blur' }], title: [{ required: true, message: '请输入问题标题', trigger: 'blur' }, { max: 100, message: '字符长度不能高于100', trigger: 'blur' }],
@@ -91,8 +92,10 @@
}, },
handleUploadSuccess(file) { handleUploadSuccess(file) {
// console.log(file.result.httpPath,'是否会fig以后关于和',file.result.filePath) // console.log(file.result.httpPath,'是否会fig以后关于和',file.result.filePath)
this.imageShowUrl=file.result.httpPath;
this.askForm.images=file.result.filePath this.askForm.images=file.result.filePath
this.imageShowUrl= this.fileBaseUrl + file.result.filePath;
// console.log(this.fileBaseUrl)
console.log(file)
}, },
handleRemoveSuccess(file) { handleRemoveSuccess(file) {
this.imageShowUrl='' this.imageShowUrl=''

View File

@@ -116,7 +116,7 @@
<svg-icon style="font-size: 32px;margin-top: -5px;" icon-class="collectedCourse"></svg-icon> <svg-icon style="font-size: 32px;margin-top: -5px;" icon-class="collectedCourse"></svg-icon>
</div> </div>
<div v-if="course.score"> <div v-if="course.score">
<span class="course-score-value">{{ toScore(course.score) }}</span> <span class="course-score-value" style="margin-left:10px">{{ toScore(course.score) }}</span>
</div> </div>
<div v-else class="course-score-no">未评分</div> <div v-else class="course-score-no">未评分</div>
</div> </div>
@@ -1023,7 +1023,7 @@
padding-right: 40px; padding-right: 40px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
margin-top: 20px; // margin-top: 20px;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
.personal-box-img { .personal-box-img {