77 lines
2.0 KiB
Vue
77 lines
2.0 KiB
Vue
<template>
|
|
<div class="mobile-config">
|
|
<div v-for="(item,key) in rCom" :key="key">
|
|
<component :is="item.components.name" :configObj="configObj" ref="childData" :configNme="item.configNme" :key="key" @getConfig="getConfig" :index="activeIndex" :num="item.num"></component>
|
|
</div>
|
|
<rightBtn :activeIndex="activeIndex" :configObj="configObj"></rightBtn>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import toolCom from '@/components/mobileConfigRight/index.js'
|
|
import rightBtn from '@/components/rightBtn/index.vue';
|
|
export default {
|
|
name: 'c_auxiliary_box',
|
|
componentsName: 'auxiliary_box',
|
|
components: {
|
|
...toolCom,
|
|
rightBtn
|
|
},
|
|
props: {
|
|
activeIndex: {
|
|
type: null
|
|
},
|
|
num: {
|
|
type: null
|
|
},
|
|
index: {
|
|
type: null
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
configObj: {},
|
|
rCom: [
|
|
{
|
|
components: toolCom.c_bg_color,
|
|
configNme: 'bgColor'
|
|
},
|
|
{
|
|
components: toolCom.c_slider,
|
|
configNme: 'heightConfig'
|
|
}
|
|
// toolCom.c_bg_color,
|
|
// toolCom.c_slider
|
|
]
|
|
}
|
|
},
|
|
watch: {
|
|
num (nVal) {
|
|
let value = JSON.parse(JSON.stringify(this.$store.state.mobildConfig.defaultArray[nVal]))
|
|
this.configObj = value;
|
|
},
|
|
configObj: {
|
|
handler (nVal, oVal) {
|
|
this.$store.commit('mobildConfig/UPDATEARR', { num: this.num, val: nVal });
|
|
},
|
|
deep: true
|
|
}
|
|
},
|
|
mounted () {
|
|
this.$nextTick(() => {
|
|
let value = JSON.parse(JSON.stringify(this.$store.state.mobildConfig.defaultArray[this.num]))
|
|
this.configObj = value;
|
|
})
|
|
},
|
|
methods: {
|
|
// 获取组件参数
|
|
getConfig (data) {},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|