107 lines
4.3 KiB
Vue
107 lines
4.3 KiB
Vue
|
<template>
|
||
|
|
<div class="wrapper">
|
||
|
|
<!-- uni 中不能使用 vue component 所以用if判断每个组件 -->
|
||
|
|
<div v-for="(item,index) in pageData.list" :key="index">
|
||
|
|
<u-navbar v-if="item.type == 'search'" :is-back="false">
|
||
|
|
<search style="width:100%" :res="item.options" />
|
||
|
|
</u-navbar>
|
||
|
|
<carousel v-if="item.type == 'carousel'" :res="item.options" />
|
||
|
|
<titleLayout v-if="item.type == 'title'" :res="item.options" />
|
||
|
|
<leftOneRightTwo v-if="item.type == 'leftOneRightTwo'" :res="item.options" />
|
||
|
|
<leftTwoRightOne v-if="item.type == 'leftTwoRightOne'" :res="item.options" />
|
||
|
|
<topOneBottomTwo v-if="item.type == 'topOneBottomTwo'" :res="item.options" />
|
||
|
|
<topTwoBottomOne v-if="item.type == 'topTwoBottomOne'" :res="item.options" />
|
||
|
|
<flexThree v-if="item.type == 'flexThree'" :res="item.options" />
|
||
|
|
<flexFive v-if="item.type == 'flexFive'" :res="item.options" />
|
||
|
|
<flexFour v-if="item.type == 'flexFour'" :res="item.options" />
|
||
|
|
<flexTwo v-if="item.type == 'flexTwo'" :res="item.options" />
|
||
|
|
<textPicture v-if="item.type == 'textPicture'" :res="item.options" />
|
||
|
|
<menuLayout v-if="item.type == 'menu'" :res="item.options" />
|
||
|
|
<joinGroup v-if="item.type == 'joinGroup'" :res="item.options" />
|
||
|
|
<flexOne v-if="item.type == 'flexOne'" :res="item.options" />
|
||
|
|
<goods v-if="item.type == 'goods'" :res="item.options" />
|
||
|
|
<integral v-if="item.type == 'integral'" :res="item.options" />
|
||
|
|
<spike v-if="item.type == 'spike'" :res="item.options" />
|
||
|
|
<group v-if="item.type == 'group'" :res="item.options" />
|
||
|
|
</div>
|
||
|
|
<u-no-network></u-no-network>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
// 引用组件
|
||
|
|
|
||
|
|
import tpl_banner from "@/pages/tabbar/home/template/tpl_banner";
|
||
|
|
import tpl_title from "@/pages/tabbar/home/template/tpl_title";
|
||
|
|
import tpl_left_one_right_two from "@/pages/tabbar/home/template/tpl_left_one_right_two";
|
||
|
|
import tpl_left_two_right_one from "@/pages/tabbar/home/template/tpl_left_two_right_one";
|
||
|
|
import tpl_top_one_bottom_two from "@/pages/tabbar/home/template/tpl_top_one_bottom_two";
|
||
|
|
import tpl_top_two_bottom_one from "@/pages/tabbar/home/template/tpl_top_two_bottom_one";
|
||
|
|
import tpl_flex_one from "@/pages/tabbar/home/template/tpl_flex_one";
|
||
|
|
import tpl_flex_two from "@/pages/tabbar/home/template/tpl_flex_two";
|
||
|
|
import tpl_flex_three from "@/pages/tabbar/home/template/tpl_flex_three";
|
||
|
|
import tpl_flex_five from "@/pages/tabbar/home/template/tpl_flex_five";
|
||
|
|
import tpl_flex_four from "@/pages/tabbar/home/template/tpl_flex_four";
|
||
|
|
import tpl_text_picture from "@/pages/tabbar/home/template/tpl_text_picture";
|
||
|
|
import tpl_menu from "@/pages/tabbar/home/template/tpl_menu";
|
||
|
|
import tpl_search from "@/pages/tabbar/home/template/tpl_search";
|
||
|
|
import tpl_join_group from "@/pages/tabbar/home/template/tpl_join_group";
|
||
|
|
import tpl_integral from "@/pages/tabbar/home/template/tpl_integral";
|
||
|
|
import tpl_spike from "@/pages/tabbar/home/template/tpl_spike";
|
||
|
|
import tpl_group from "@/pages/tabbar/home/template/tpl_group";
|
||
|
|
import tpl_ad_list from "@/pages/tabbar/home/template/tpl_view_list";
|
||
|
|
import tpl_activity_list from "@/pages/tabbar/home/template/tpl_view_list";
|
||
|
|
import tpl_goods from "@/pages/tabbar/home/template/tpl_goods";
|
||
|
|
// 结束引用组件
|
||
|
|
import { getFloorData } from "@/api/home";
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
pageData: "",
|
||
|
|
};
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
carousel: tpl_banner,
|
||
|
|
titleLayout: tpl_title,
|
||
|
|
leftOneRightTwo: tpl_left_one_right_two,
|
||
|
|
leftTwoRightOne: tpl_left_two_right_one,
|
||
|
|
topOneBottomTwo: tpl_top_one_bottom_two,
|
||
|
|
topTwoBottomOne: tpl_top_two_bottom_one,
|
||
|
|
flexThree: tpl_flex_three,
|
||
|
|
flexFive: tpl_flex_five,
|
||
|
|
flexFour: tpl_flex_four,
|
||
|
|
flexTwo: tpl_flex_two,
|
||
|
|
textPicture: tpl_text_picture,
|
||
|
|
menuLayout: tpl_menu,
|
||
|
|
search: tpl_search,
|
||
|
|
joinGroup: tpl_join_group,
|
||
|
|
flexOne: tpl_flex_one,
|
||
|
|
goods: tpl_goods,
|
||
|
|
integral: tpl_integral,
|
||
|
|
spike: tpl_spike,
|
||
|
|
group: tpl_group,
|
||
|
|
tpl_ad_list,
|
||
|
|
tpl_activity_list,
|
||
|
|
},
|
||
|
|
|
||
|
|
mounted() {
|
||
|
|
this.init();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
/**
|
||
|
|
* 实例化首页数据楼层
|
||
|
|
*/
|
||
|
|
init() {
|
||
|
|
getFloorData().then((res) => {
|
||
|
|
if (res.data.success) {
|
||
|
|
this.pageData = JSON.parse(res.data.result.pageData);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
</style>
|