Commit 459832ce by crushh

update: dist

parent 7f3dbfad
...@@ -28,7 +28,9 @@ ...@@ -28,7 +28,9 @@
.mb10 { .mb10 {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mb12{
margin-bottom: 12px;
}
.mr20 { .mr20 {
margin-right: 20px; margin-right: 20px;
} }
...@@ -62,6 +64,9 @@ ...@@ -62,6 +64,9 @@
.pb10{ .pb10{
padding-bottom: 10px; padding-bottom: 10px;
} }
.lh1{
line-height: 1;
}
.lh20{ .lh20{
line-height: 20px; line-height: 20px;
} }
......
...@@ -29,7 +29,7 @@ export default { ...@@ -29,7 +29,7 @@ export default {
return { return {
list: [], list: [],
typeMap: { typeMap: {
1: '盲盒' 1: '幸运盲盒'
} }
}; };
}, },
...@@ -72,6 +72,8 @@ export default { ...@@ -72,6 +72,8 @@ export default {
width: 32px; width: 32px;
height: 32px; height: 32px;
margin-bottom: 8px; margin-bottom: 8px;
border-radius: 6px;
} }
.template-name { .template-name {
font-size: 16px; font-size: 16px;
......
...@@ -127,13 +127,13 @@ ...@@ -127,13 +127,13 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="模板奖品图片" required> <el-form-item label="模板奖品图片" required class="temlpatePrizeImg">
<p class="tips">图片建议尺寸 300*300px,格式 jpg/jpeg/png,大小 1M 以内。</p> <p class="tips mb12">图片建议尺寸 300*300px,格式 jpg/jpeg/png,大小 1M 以内。</p>
<div class="flex-gap"> <div class="flex-gap">
<div v-for="item in prizeImgList" :key="item.prop"> <div v-for="item in prizeImgList" :key="item.prop">
<el-form-item :rules="[{ required: true, message: '请上传' } ]" :prop="item.prop+'.materialValue'" label-width="0"> <el-form-item :rules="[{ required: true, message: '请上传' } ]" :prop="item.prop+'.materialValue'" label-width="0">
<div class="flex-column"> <div class="flex-column">
<span class="mb8">{{ item.label }}</span> <span class="lh1 mb8">{{ item.label }}</span>
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="imageList[item.prop+'List']" max-image-length="1" accept="image/jpg,image/jpeg,image/png" :before-upload="(file) => beforeUpload(file,1,1)" @uploadOnSuccess="(data) => uploadOnSuccess(data, item.prop)" @deleteImage="deleteImage(item.prop)" preview-append-to-body> </vue-gic-upload-image> <vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="imageList[item.prop+'List']" max-image-length="1" accept="image/jpg,image/jpeg,image/png" :before-upload="(file) => beforeUpload(file,1,1)" @uploadOnSuccess="(data) => uploadOnSuccess(data, item.prop)" @deleteImage="deleteImage(item.prop)" preview-append-to-body> </vue-gic-upload-image>
</div> </div>
</el-form-item> </el-form-item>
...@@ -735,5 +735,10 @@ export default { ...@@ -735,5 +735,10 @@ export default {
width: calc( 100% - 200px); width: calc( 100% - 200px);
box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6); box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
} }
.temlpatePrizeImg{
/deep/ .el-form-item__label{
line-height: 14px;
}
}
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment