Skip to content

M
marketing-opeartion
Commit 67b931de by crushh
Options

update: 字段

parent 9e0d9cc1
Showing with 162 additions and 116 deletions
src/views/activity/template-detail.vue
<template> <template>
<div style="padding: 20px"> <div style="padding: 20px">
<el-form :rules="rules" size="small" :model="form" ref="form" label-width="110px"> <el-form :rules="rules" size="small" :model="form" ref="form" label-width="120px">
<dm-sub-title type="fill">基础信息</dm-sub-title> <dm-sub-title type="fill">基础信息</dm-sub-title>
<div class="section"> <div class="section">
<el-form-item label="模板名称" prop="templateName"> <el-form-item label="模板名称" prop="templateName">
<el-input class="w340" show-word-limit placeholder="请输入模板名称" maxlength="20"></el-input> <el-input class="w340" v-model="form.templateName" show-word-limit placeholder="请输入模板名称" maxlength="20"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="游戏首页背景" prop="backImageUrl"> <el-form-item label="游戏首页背景" prop="backImageUrl">
<vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :limit-w="80" <vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :image-list="imageList" :max-image-length="maxlength" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file, 'backImageUrl')" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'backImageUrl')" @deleteImage="deleteImage('backImageUrl')" preview-append-to-body>
:limit-h="80" :image-list="imageList" :max-image-length="maxlength" accept="image/jpg,image/jpeg,image/png,image/gif"
:before-upload="beforeUpload" @uploadOnSuccess="uploadOnSuccess"
@deleteImage="deleteImage"
preview-append-to-body>
</vue-gic-upload-image> </vue-gic-upload-image>
<p class="image-tip">图片建议尺寸 750*1800px，格式 jpg/jpeg/png/gif，大小 2M 以内。</p> <p class="image-tip">图片建议尺寸 750*1800px，格式 jpg/jpeg/png/gif，大小 2M 以内。</p>
</el-form-item> </el-form-item>
<el-form-item label="游戏规则背景" prop=""> <el-form-item label="游戏规则背景" prop="ruleImageUrl">
<vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :limit-w="80" <vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :image-list="imageList" :max-image-length="maxlength" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file, 'ruleBgImageUrl')" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'ruleBgImageUrl')" @deleteImage="deleteImage('ruleBgImageUrl')" preview-append-to-body>
:limit-h="80" :image-list="imageList" :max-image-length="maxlength" accept="image/jpg,image/jpeg,image/png,image/gif"
:before-upload="beforeUpload" @uploadOnSuccess="uploadOnSuccess"
@deleteImage="deleteImage"
preview-append-to-body>
</vue-gic-upload-image> </vue-gic-upload-image>
<p class="image-tip">图片建议尺寸 750*1800px，格式 jpg/jpeg/png/gif，大小 2M 以内；图片还适用于我的奖品、分享助力等页面。</p> <p class="image-tip">图片建议尺寸 750*1800px，格式 jpg/jpeg/png/gif，大小 2M 以内；图片还适用于我的奖品、分享助力等页面。</p>
</el-form-item> </el-form-item>
<el-form-item label="游戏背景音乐" prop="backMusicUrl"> <el-form-item label="游戏背景音乐" prop="backMusicUrl">
<el-checkbox-group v-model="musicSelectValue" @change="val => handleChange(val, item.esScreeningWidgetChainId)" class="checkBoxContainer"> <el-checkbox-group v-model="musicSelectValue" @change="(val) => handleChange(val, item.esScreeningWidgetChainId)" class="checkBoxContainer">
<el-checkbox v-for="row in musicList" :key="row.key" :label="row.key">{{ row.value }}</el-checkbox> <el-checkbox v-for="row in musicList" :key="row.key" :label="row.key">{{ row.value }}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
<el-upload <el-upload :action="actionUrl" :on-remove="handleRemove" multiple :limit="3" :before-upload="(file) => beforeUpload(file, 'music')" :on-exceed="handleExceed" :file-list="defineMusicList">
:action="actionUrl"
:on-remove="handleRemove"
multiple
:limit="3"
:before-upload="file=>beforeUpload(file,'music')"
:on-exceed="handleExceed"
:file-list="defineMusicList">
<el-button size="small">自定义上传</el-button> <el-button size="small">自定义上传</el-button>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</div> </div>
<dm-sub-title type="fill">游戏首页奖品样式</dm-sub-title> <dm-sub-title type="fill">游戏首页奖品样式</dm-sub-title>
<div class="section"> <div class="section">
<el-form-item label="奖项展示个数" required> <el-form-item label="奖项展示个数" prop="prizeStyleNum" required>
<el-input class="w340" placeholder="请输入展示数量" maxlength="20"></el-input> <el-input-number class="w340" :min="1" :max="10" v-model="form.prizeStyleNum" placeholder="请输入展示数量" controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="奖项图片尺寸" required> <el-form-item label="奖项图片尺寸" required prop="prizeStyleSize">
<el-input class="w140" placeholder="请输入" maxlength="20"></el-input> <el-input class="w140" placeholder="请输入" maxlength="20" v-model="form.prizeStyleSizeW"></el-input>
<span class="ml10 mr10">*</span> <span class="ml10 mr10">*</span>
<el-input class="w140" placeholder="请输入" maxlength="20"></el-input> <el-input class="w140" placeholder="请输入" maxlength="20" v-model="form.prizeStyleSizeH"></el-input>
<span class="ml10">px</span> <span class="ml10">px</span>
</el-form-item> </el-form-item>
<el-form-item label="奖项更换方式" required> <el-form-item label="奖项更换方式" required>
<el-radio-group> <el-radio-group v-model="form.changeType">
<el-radio label="统一更换"></el-radio> <el-radio :label="0">统一更换</el-radio>
<el-radio label="逐个更换"></el-radio> <el-radio :label="1">逐个更换</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="奖项图片" required> <el-form-item label="奖项图片" prop="prizeStyleJson" required>
<div v-for="(item, index) in form.prizeStyleJson" :key="index">
<div class="flex"> <div class="flex">
<div class="flex-column" v-for="item in prizeConfigList" :key="item.prop"> <el-form-item :prop="'prizeStyleJson.' + index + '.' + 'imageNoSelectUrl'" label-width="0">
<span class="mb8">{{item.label}}</span> <div class="flex-column">
<vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :limit-w="80" <span class="mb8">未选中</span>
:limit-h="80" accept="image/jpg,image/jpeg,image/png,image/gif" <vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file, 'prizeStyleJson')" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'imageNoSelectUrl', index)" @deleteImage="deleteImage('imageNoSelectUrl', index)" preview-append-to-body> </vue-gic-upload-image>
:before-upload="file=>beforeUpload(file,item.prop)" @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 :prop="'prizeStyleJson.' + index + '.' + 'imageSelectUrl'" label-width="0">
<div class="flex-column">
<span class="mb8">选中</span>
<vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file, 'prizeStyleJson')" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'imageSelectUrl', index)" @deleteImage="deleteImage('imageSelectUrl', index)" preview-append-to-body> </vue-gic-upload-image>
</div> </div>
<p>图片格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
</el-form-item> </el-form-item>
<el-form-item label="更换奖项样式"> </div>
<el-switch v-model="form.filterJson"></el-switch><span class="tips ml18">开启则表示支持用户更换此处模板内默认奖项样式</span> </div>
<p class="image-tip">图片格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
</el-form-item> </el-form-item>
<el-form-item label="更换奖项样式"> <el-switch v-model="form.canChangePrizeStyle"></el-switch><span class="tips ml18">开启则表示支持用户更换此处模板内默认奖项样式</span> </el-form-item>
</div> </div>
<dm-sub-title type="fill">首页“参与游戏”按钮图</dm-sub-title> <dm-sub-title type="fill">首页“参与游戏”按钮图</dm-sub-title>
<div class="section"> <div class="section">
<el-form-item label="图片尺寸" required> <el-form-item label="图片尺寸" required>
<el-input class="w140" placeholder="请输入" maxlength="20"></el-input> <div class="flex">
<el-form-item label-width="0" prop="noticeImgUrlW" style="margin: 0">
<el-input class="w140" placeholder="请输入" v-model="form.noticeImgUrlW" maxlength="20"></el-input>
</el-form-item>
<span class="ml10 mr10">*</span> <span class="ml10 mr10">*</span>
<el-input class="w140" placeholder="请输入" maxlength="20"></el-input> <el-form-item label-width="0" prop="noticeImgUrlH" style="margin: 0">
<el-input class="w140" placeholder="请输入" v-model="form.noticeImgUrlH" maxlength="20"></el-input>
</el-form-item>
<span class="ml10">px</span> <span class="ml10">px</span>
</div>
</el-form-item> </el-form-item>
<el-form-item label="默认图" required> <el-form-item label="默认图" prop="noticeImgUrl" required>
<vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :limit-w="80" <vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :image-list="imageList" :max-image-length="maxlength" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file, 'noticeImageUrl')" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'noticeImageUrl')" @deleteImage="deleteImage('noticeImageUrl')" preview-append-to-body>
:limit-h="80" :image-list="imageList" :max-image-length="maxlength" accept="image/jpg,image/jpeg,image/png,image/gif"
:before-upload="beforeUpload" @uploadOnSuccess="uploadOnSuccess"
@deleteImage="deleteImage"
preview-append-to-body>
</vue-gic-upload-image> </vue-gic-upload-image>
<p class="image-tip">图片格式 jpg/jpeg/png/gif，大小 1M 以内。</p> <p class="image-tip">图片格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
</el-form-item> </el-form-item>
...@@ -96,113 +86,170 @@ ...@@ -96,113 +86,170 @@
<dm-sub-title type="fill">首页其它按钮图</dm-sub-title> <dm-sub-title type="fill">首页其它按钮图</dm-sub-title>
<div class="section"> <div class="section">
<el-form-item :label="item.label" v-for="item in btnImgList" :rules="item.rule" :key="item.prop"> <el-form-item :label="item.label" v-for="item in btnImgList" :rules="item.rule" :key="item.prop">
<vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :limit-w="80" <vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file, item.prop)" @uploadOnSuccess="(data) => uploadOnSuccess(data, item.prop)" @deleteImage="deleteImage(item.prop)" preview-append-to-body> </vue-gic-upload-image>
:limit-h="80" accept="image/jpg,image/jpeg,image/png,image/gif" <p class="image-tip">{{ item.tips }}</p>
:before-upload="beforeUpload" @uploadOnSuccess="uploadOnSuccess"
@deleteImage="deleteImage"
preview-append-to-body>
</vue-gic-upload-image>
<p class="image-tip">{{item.tips}}</p>
</el-form-item> </el-form-item>
</div> </div>
<dm-sub-title type="fill">模板奖品数量与奖品默认样式设计</dm-sub-title> <dm-sub-title type="fill">模板奖品数量与奖品默认样式设计</dm-sub-title>
<div class="section"> <div class="section">
<el-form-item label="模板奖品数量" required> <el-form-item label="模板奖品数量" required>
<el-input class="w140" placeholder="请输入" maxlength="20"></el-input> <div class="flex">
<span class="ml10 mr10">*</span> <el-form-item label-width="0" prop="prizeNumMin" required>
<el-input class="w140" placeholder="请输入" maxlength="20"></el-input> <el-input-number :min="1" :max="20" v-model="form.prizeNumMin" controls-position="right"></el-input-number>
<span class="ml10">px</span> </el-form-item>
<span class="ml10 mr10">~</span>
<el-form-item label-width="0" prop="prizeNumMax" required>
<el-input-number :min="1" :max="20" v-model="form.prizeNumMax" controls-position="right"></el-input-number>
</el-form-item>
</div>
</el-form-item> </el-form-item>
<el-form-item label="模板奖品图片" required> <el-form-item label="模板奖品图片" required>
<p class="tips">图片建议尺寸 300*300px，格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
<div class="flex"> <div class="flex">
<div class="flex-column" v-for="item in prizeImgList" :key="item.prop"> <div class="flex-column" v-for="item in prizeImgList" :key="item.prop">
<span class="mb8">{{item.label}}</span> <el-form-item :prop="item.prop" label-width="0">
<vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :limit-w="80" <span class="mb8">{{ item.label }}</span>
:limit-h="80" accept="image/jpg,image/jpeg,image/png,image/gif" <vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file, item.prop)" @uploadOnSuccess="(data) => uploadOnSuccess(data, item.prop)" @deleteImage="deleteImage(item.prop)" preview-append-to-body> </vue-gic-upload-image>
:before-upload="file=>beforeUpload(file,item.prop)" @uploadOnSuccess="data=>uploadOnSuccess(data,item.prop)" </el-form-item>
@deleteImage="deleteImage(item.prop)"
preview-append-to-body>
</vue-gic-upload-image>
</div> </div>
</div> </div>
<p class="image-tip">图片建议尺寸 300*300px，格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
</el-form-item> </el-form-item>
</div> </div>
<dm-sub-title type="fill">分享样式设计</dm-sub-title> <dm-sub-title type="fill">分享样式设计</dm-sub-title>
<div class="section"> <div class="section">
<el-form-item :label="item.label" :rules="item.rule" v-for="item in shareImgList" :key="item.prop"> <el-form-item :label="item.label" :rules="item.rule" :prop="item.prop" v-for="item in shareImgList" :key="item.prop">
<vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" :limit-w="80" <vue-gic-upload-image :project-name="projectName" :action-url="actionUrl" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file, item.prop)" @uploadOnSuccess="(data) => uploadOnSuccess(data, item.prop)" @deleteImage="deleteImage(item.prop)" preview-append-to-body> </vue-gic-upload-image>
:limit-h="80" accept="image/jpg,image/jpeg,image/png,image/gif" <p class="image-tip">{{ item.tips }}</p>
:before-upload="file=>beforeUpload(file,item.prop)" @uploadOnSuccess="data=>uploadOnSuccess(data,item.prop)"
@deleteImage="deleteImage(item.prop)"
preview-append-to-body>
</vue-gic-upload-image>
<p class="image-tip">{{item.tips}}</p>
</el-form-item> </el-form-item>
</div> </div>
<dm-footer > <dm-footer>
<el-button type="primary" @click="nextStep()">保存</el-button> <el-button type="primary" @click="nextStep()">保存</el-button>
</dm-footer> </dm-footer>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
const backMusicUrlValidator = (r, v, c) => {
console.log(v);
if (!v) {
c(new Error('请上传音乐'));
return;
}
c();
};
const prizeStyleSizeValidator = (r, v, c) => {
if (!this.form.prizeStyleSizeW || !this.form.prizeStyleSizeH) {
c(new Error('请输入完整的尺寸'));
return;
}
c();
};
const prizeStyleJsonValidator = (r, v, c) => {
if (!v) {
c(new Error('请上传奖项展示图片'));
return;
}
c();
};
return { return {
form: {}, form: {
templateName: '',
prizeStyleJson: [
{
imageNoSelectUrl: '',
imageSelectUrl: ''
}
],
},
rules: {
templateName: [ { required: true, message: '请填写模板名称' } ],
backImageUrl: [ { required: true, message: '请上传游戏首页背景' } ],
ruleImageUrl: [ { required: true, message: '请上传游戏规则背景' } ],
backMusicUrl: [ { required: true, validator: backMusicUrlValidator } ],
prizeStyleSize: [ { required: true, validator: prizeStyleSizeValidator } ],
prizeStyleJson: [ { required: true, validator: prizeStyleJsonValidator } ],
noticeImgUrlW: [ { required: true, message: '请填写图片宽度' } ],
noticeImgUrlH: [ { required: true, message: '请填写图片高度' } ],
noticeImgUrl: [ { required: true, message: '请上传首页引导图片' } ],
prizeNumMin: [ { required: true, message: '请填入最少奖品种类' } ],
prizeNumMax: [ { required: true, message: '请填入最多奖品种类' } ],
},
shareImgList: [ shareImgList: [
{ {
label: '小程序卡片', prop: 'shareCard', rule: { required: true, message: '请上传', }, tips: '图片建议尺寸 320*240px，格式 jpg/jpeg/png/gif，大小 1M 以内。' label: '小程序卡片',
prop: 'shareCard',
rule: { required: true, message: '请上传' },
tips: '图片建议尺寸 320*240px，格式 jpg/jpeg/png/gif，大小 1M 以内。'
}, },
{ {
label: '分享海报', prop: 'shareReport', rule: { required: true, message: '请上传', }, tips: '图片建议尺寸 750*1334px，格式 jpg/jpeg/png/gif，大小 1M 以内。' label: '分享海报',
prop: 'shareReport',
rule: { required: true, message: '请上传' },
tips: '图片建议尺寸 750*1334px，格式 jpg/jpeg/png/gif，大小 1M 以内。'
}, },
{ {
label: '“分享助力”页顶部banner', prop: 3, rule: { required: true, message: '请上传', }, tips: '图片建议尺寸 590*120px，格式 jpg/jpeg/png/gif，大小 1M 以内。' label: '“分享助力”页顶部banner',
prop: 'bgBannerHelpUrl',
rule: { required: true, message: '请上传' },
tips: '图片建议尺寸 590*120px，格式 jpg/jpeg/png/gif，大小 1M 以内。'
} }
], ],
btnImgList: [ btnImgList: [
{ {
label: '我的积分', prop: 4, rule: { required: true, message: '请上传', }, tips: '图片格式 jpg/jpeg/png/gif，大小 1M 以内。' label: '我的积分',
prop: 'myPointImageUrl',
rule: { required: true, message: '请上传我的积分' },
tips: '图片格式 jpg/jpeg/png/gif，大小 1M 以内。'
}, },
{ {
label: '剩余次数', prop: 5, rule: { required: true, message: '请上传', }, tips: '图片格式 jpg/jpeg/png/gif，大小 1M 以内。' label: '剩余次数',
prop: 'resetTimeImageUrl',
rule: { required: true, message: '请上传剩余次数' },
tips: '图片格式 jpg/jpeg/png/gif，大小 1M 以内。'
}, },
{ {
label: '邀请次数', prop: 6, rule: { required: true, message: '请上传', }, tips: '图片格式 jpg/jpeg/png/gif，大小 1M 以内。' label: '邀请次数',
prop: 'inviteTimeImageUrl',
rule: { required: true, message: '请上传邀请次数' },
tips: '图片格式 jpg/jpeg/png/gif，大小 1M 以内。'
} }
], ],
prizeImgList: [ prizeImgList: [
{ {
label: '抵金券', prop: 7 label: '抵金券',
prop: 'cashCouponImgUrl'
}, },
{ {
label: '折扣券', prop: 8 label: '折扣券',
prop: 'discountCouponImgUrl'
}, },
{ {
label: '兑换券', prop: 9 label: '兑换券',
prop: 'exchangeCouponImgUrl'
}, },
{ {
label: '积分', prop: 10 label: '积分',
prop: 'pointImgUrl'
}, },
{ {
label: '实物礼品', prop: 11 label: '实物礼品',
prop: 'physicalGiftImgUrl'
}, },
{ {
label: '虚拟礼品', prop: 12 label: '虚拟礼品',
prop: 'virtutalGiftImgUrl'
} }
], ],
prizeConfigList: [
{
label: '未选中', prop: 13
},
{
label: '选中', prop: 14
},
],
defineMusicList: [], defineMusicList: [],
musicSelectValue: [], musicSelectValue: [],
musicList: [ musicList: [
...@@ -237,15 +284,13 @@ export default { ...@@ -237,15 +284,13 @@ export default {
{ {
key: 'a8', key: 'a8',
value: '1234asada5643.mp3' value: '1234asada5643.mp3'
}, }
], ],
projectName: 'marketing-operation', // 当前项目名(必传参数) projectName: 'marketing-operation', // 当前项目名(必传参数)
limitW: 80, // 上传图片的限制宽度(数字),(可选参数),各个调用地方可能不同 actionUrl: '/marketing-operation/upload-img',
limitH: 80, // 上传图片的限制高度(数字),(可选参数),各个调用地方可能不同
actionUrl: '/marketing-operation/upload-img', // 必选参数，上传的相对地址 String 类型,切勿硬编码写死地址
accept: 'image/jpg,image/jpeg,image/png,image/gif', accept: 'image/jpg,image/jpeg,image/png,image/gif',
imageList: [], // 是否显示已上传文件列表 imageList: [], // 是否显示已上传文件列表
maxlength: 1, // 图片数量 默认 5 maxlength: 1 // 图片数量 默认 5
}; };
}, },
methods: { methods: {
...@@ -257,9 +302,9 @@ export default { ...@@ -257,9 +302,9 @@ export default {
} }
return true; return true;
}, },
uploadOnSuccess({ res }) { uploadOnSuccess({ res }, name) {
this.form.activityImage = res.result[ 0 ].qcloudImageUrl || ''; this.form[name] = res.result[0].qcloudImageUrl || '';
this.imageList = [ { url: res.result[ 0 ].qcloudImageUrl } ]; // this.imageList = [ { url: res.result[ 0 ].qcloudImageUrl } ];
}, },
deleteImage() { deleteImage() {
this.form.activityImage = ''; this.form.activityImage = '';
...@@ -271,7 +316,7 @@ export default { ...@@ -271,7 +316,7 @@ export default {
handleExceed(files, fileList) { handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
}, },
nextStep(){ nextStep() {
console.log('nextStep'); console.log('nextStep');
} }
} }
...@@ -282,11 +327,11 @@ export default { ...@@ -282,11 +327,11 @@ export default {
.section { .section {
margin: 20px 0 40px 0; margin: 20px 0 40px 0;
} }
.flex{ .flex {
display: flex; display: flex;
gap: 20px gap: 20px;
} }
.flex-column{ .flex-column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
...@@ -297,9 +342,9 @@ export default { ...@@ -297,9 +342,9 @@ export default {
margin-left: 0; margin-left: 0;
} }
} }
.tips{ .tips {
font-size: 12px; font-size: 12px;
color: #909399; color: #909399;
line-height: 17px; line-height: 17px;
} }
</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