commit message

pages/tabbar/home/views.vue

@@ -0,0 +1,107 @@
+<template>
+  <div class="wrapper">
+    <!-- uni 中不能使用 vue component 所以用if判断每个组件 -->
+    <!-- <u-navbar :is-back="false" title="首页"></u-navbar> -->
+    <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>