Skip to content

E
ElectricitySheep
Commit 8932a6ea authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 070d8637
Hide whitespace changes
Inline Side-by-side
Showing with 54 additions and 51 deletions
src/components/StoreDesign/imgCube.vue
View file @ 8932a6ea
...@@ -233,9 +233,9 @@ ...@@ -233,9 +233,9 @@
this.addMsg.Name = ''; this.addMsg.Name = '';
this.addMsg.Style = 0; this.addMsg.Style = 0;
this.addMsg.MagicDataList = []; this.addMsg.MagicDataList = [];
this.defaultMsg.forEach(item=>{ this.defaultMsg.forEach(item => {
item.Link=""; item.Link = "";
item.ImgUrl=""; item.ImgUrl = "";
}) })
}, },
//修改 //修改
......
src/components/sallCenter/plugin/search.vue
View file @ 8932a6ea
<template> <template>
<div :class="{'active':searchData.isCked}"> <div :class="{'active':searchData.isCked}">
<div class="diy-component-options" v-if="searchData.isCked"> <div class="diy-component-options" v-if="searchData.isCked">
<el-button type="primary" icon="el-icon-delete" style="left: -25px; top: 0px;" @click="delPlugin()"></el-button> <el-button type="primary" icon="el-icon-delete" style="left: -25px; top: 0px;" @click="delPlugin()"></el-button>
<el-button type="primary" icon="el-icon-document-copy" style="left: -25px; top: 30px;"></el-button> <el-button type="primary" icon="el-icon-document-copy" style="left: -25px; top: 30px;"></el-button>
<el-button type="primary" icon="el-icon-arrow-up" v-if="index>0" @click="resetSord(0)" style="right: -25px; top: 0;"></el-button> <el-button type="primary" icon="el-icon-arrow-up" v-if="index>0" @click="resetSord(0)"
<el-button type="primary" icon="el-icon-arrow-down" v-if="index!=dataLeng-1" @click="resetSord(1)" style="right: -25px; top: 30px;"></el-button> style="right: -25px; top: 0;"></el-button>
<el-button type="primary" icon="el-icon-arrow-down" v-if="index!=dataLeng-1" @click="resetSord(1)"
style="right: -25px; top: 30px;"></el-button>
</div> </div>
<div class="diy-component-preview"> <div class="diy-component-preview">
<div class="diy-search" :style="{background:searchData.data.background}"> <div class="diy-search" :style="{background:searchData.data.background}">
<div :style="{background:searchData.data.color,borderRadius:searchData.data.radius+'px',color:searchData.data.textColor,textAlign:searchData.data.textPosition}" <div
>{{searchData.data.placeholder}} :style="{background:searchData.data.color,borderRadius:searchData.data.radius+'px',color:searchData.data.textColor,textAlign:searchData.data.textPosition}">
</div> {{searchData.data.placeholder}}
</div> </div>
</div>
</div> </div>
<div class="diy-component-edit" v-if="searchData.isCked"> <div class="diy-component-edit" v-if="searchData.isCked">
<el-form label-width="100px"> <el-form label-width="100px">
<el-form-item label="搜索框颜色"> <el-form-item label="搜索框颜色">
<el-color-picker v-model="searchData.data.color" size="small"></el-color-picker> <el-color-picker v-model="searchData.data.color" size="small"></el-color-picker>
<el-input type="text" v-model="searchData.data.color" size="small" style="width: 80px; margin-right: 25px;"></el-input> <el-input type="text" v-model="searchData.data.color" size="small" style="width: 80px; margin-right: 25px;">
</el-form-item> </el-input>
<el-form-item label="背景颜色"> </el-form-item>
<el-color-picker v-model="searchData.data.background" size="small"></el-color-picker> <el-form-item label="背景颜色">
<el-input type="text" v-model="searchData.data.background" size="small" style="width: 80px; margin-right: 25px;"></el-input> <el-color-picker v-model="searchData.data.background" size="small"></el-color-picker>
</el-form-item> <el-input type="text" v-model="searchData.data.background" size="small"
<el-form-item label="圆角"> style="width: 80px; margin-right: 25px;"></el-input>
<el-input type="number" size="small" v-model="searchData.data.radius"> </el-form-item>
<template slot="append">px</template> <el-form-item label="圆角">
</el-input> <el-input type="number" size="small" v-model="searchData.data.radius"
</el-form-item> @keyup.native="checkInteger(searchData.data,'radius')" maxlength="2">
<el-form-item label="提示文字"> <template slot="append">px</template>
<el-input type="text" size="small" v-model="searchData.data.placeholder"></el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="文字颜色"> <el-form-item label="提示文字">
<el-color-picker v-model="searchData.data.textColor" size="small"></el-color-picker> <el-input type="text" size="small" v-model="searchData.data.placeholder" maxlength="10"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="文字位置"> <el-form-item label="文字颜色">
<el-radio v-model="searchData.data.textPosition" label="left">居左</el-radio> <el-color-picker v-model="searchData.data.textColor" size="small"></el-color-picker>
<el-radio v-model="searchData.data.textPosition" label="right">居右</el-radio> </el-form-item>
</el-form-item> <el-form-item label="文字位置">
</el-form> <el-radio v-model="searchData.data.textPosition" label="left">居左</el-radio>
<el-radio v-model="searchData.data.textPosition" label="right">居右</el-radio>
</el-form-item>
</el-form>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: ["searchData","index","dataLeng"], props: ["searchData", "index", "dataLeng"],
data() { data() {
return { return {
}; };
}, },
created() { created() {},
},
methods: { methods: {
//向父组件传值 并调用排序 //向父组件传值 并调用排序
resetSord(IsUp){ resetSord(IsUp) {
this.$emit('getSord', this.index,IsUp); this.$emit('getSord', this.index, IsUp);
}, },
//点击触发父组件删除 //点击触发父组件删除
delPlugin(){ delPlugin() {
this.$emit('comDelPlugin', this.index); this.$emit('comDelPlugin', this.index);
}, },
}, },
mounted() { mounted() {}
}
}; };
</script> </script>
\ 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