| | |
| | | </div> |
| | | <div v-else class="img-select-item"> |
| | | <div style="width: 100px; height: 100px; border: 1px solid #ccc;"> |
| | | <el-image v-if="form.bgImg.bgImgUrl" style="width: 100px; height: 100px" :src="form.bgImg.bgImgUrl" |
| | | <el-image v-if="form.bgImg.imgurl" style="width: 100px; height: 100px" :src="form.bgImg.imgurl" |
| | | fit="contain" :prediv-src-list="[form.bgImg.bgImgUrl]"> |
| | | </el-image> |
| | | </div> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="选中字体颜色"> |
| | | <div class="color-select-item"> |
| | | <el-radio-group v-model="form.pull.selType" @change="selectHeader"> |
| | | <el-radio-group v-model="form.pull.selType" @change="selectSel"> |
| | | <el-radio :label="0">默认</el-radio> |
| | | <el-radio :label="1">自定义</el-radio> |
| | | </el-radio-group> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="下拉框背景颜色"> |
| | | <div class="color-select-item"> |
| | | <el-radio-group v-model="form.pull.bgType" @change="selectHeader"> |
| | | <el-radio-group v-model="form.pull.bgType" @change="selectPull"> |
| | | <el-radio :label="0">默认</el-radio> |
| | | <el-radio :label="1">自定义</el-radio> |
| | | </el-radio-group> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="分类背景颜色"> |
| | | <div class="color-select-item"> |
| | | <el-radio-group v-model="form.category.bgType" @change="selectHeader"> |
| | | <el-radio-group v-model="form.category.bgType" @change="selectCategroy"> |
| | | <el-radio :label="0">默认</el-radio> |
| | | <el-radio :label="1">自定义</el-radio> |
| | | </el-radio-group> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="搜索框背景颜色"> |
| | | <div class="color-select-item"> |
| | | <el-radio-group v-model="form.search.bgType" @change="selectHeader"> |
| | | <el-radio-group v-model="form.search.bgType" @change="selectSearch"> |
| | | <el-radio :label="0">默认</el-radio> |
| | | <el-radio :label="1">自定义</el-radio> |
| | | </el-radio-group> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="列表背景颜色"> |
| | | <div class="color-select-item"> |
| | | <el-radio-group v-model="form.list.bgType" @change="selectHeader"> |
| | | <el-radio-group v-model="form.list.bgType" @change="selectList"> |
| | | <el-radio :label="0">默认</el-radio> |
| | | <el-radio :label="1">自定义</el-radio> |
| | | </el-radio-group> |
| | |
| | | this.form.header.alpha = '100' |
| | | } |
| | | }, |
| | | selectSel(v) { |
| | | if (v == 0) { |
| | | this.form.pull.selColor = '#f7f7f7' |
| | | this.form.pull.selAlpha = '100' |
| | | } |
| | | }, |
| | | selectPull(v) { |
| | | if (v == 0) { |
| | | this.form.pull.bgColor = '#f7f7f7' |
| | | this.form.pull.bgAlpha = '100' |
| | | } |
| | | }, |
| | | selectCategroy(v) { |
| | | if (v == 0) { |
| | | this.form.category.bgColor = '#f7f7f7' |
| | | this.form.category.bgAlpha = '100' |
| | | } |
| | | }, |
| | | selectSearch(v) { |
| | | if (v == 0) { |
| | | this.form.search.bgColor = '#f7f7f7' |
| | | this.form.search.bgAlpha = '100' |
| | | } |
| | | }, |
| | | selectList(v) { |
| | | if (v == 0) { |
| | | this.form.list.bgColor = '#f7f7f7' |
| | | this.form.list.bgAlpha = '100' |
| | | } |
| | | }, |
| | | |
| | | mouseenter(v) { |
| | | let alpha = +(this.form.header.selAlpha * 2.55).toFixed(0) |