<template>
|
<div class="customPage">
|
<div>
|
<el-form-item label="文字颜色：">
|
<el-color-picker v-model="form.fontColor"></el-color-picker>
|
</el-form-item>
|
<el-form-item label="文字大小：" :required="true">
|
<el-input-number :min="12" v-model="form.fontSize"></el-input-number>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="背景颜色：">
|
<el-color-picker v-model="form.bgColor"></el-color-picker>
|
</el-form-item>
|
<el-form-item label="圆角大小：" :required="true">
|
<el-input-number :min="0" v-model="form.borderRadius"></el-input-number>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="描边颜色：">
|
<el-color-picker v-model="form.strokeColor"></el-color-picker>
|
</el-form-item>
|
<el-form-item label="描边大小：" :required="true">
|
<el-input-number :min="0" v-model="form.strokeSize"></el-input-number>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="提示颜色：">
|
<el-color-picker v-model="form.tipColor"></el-color-picker>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label=" ">
|
<el-checkbox v-model="form.fixedPosition">固定搜索位置
|
<span class="itemTips">
|
搜索框始终固定在用户当前屏幕，不随用户上下滑动而消失
|
</span>
|
</el-checkbox>
|
</el-form-item>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: ['form'],
|
data () {
|
return {
|
}
|
},
|
methods: {
|
}
|
}
|
</script>
|
|
<style>
|
|
</style>
|
