框架更新

src/components/HeaderItem.vue

@@ -0,0 +1,41 @@
+<template>
+    <u-sticky zIndex="99999">
+        <u-navbar fixed :auto-back="false" :bgColor="bgColor" :status-bar-bg-color="bgColor" placeholder :title="title"
+                  :title-style="{color: 'white'}" auto-back left-icon-color="white" @leftClick="leftClick">
+            <template slot="left">
+                <u-icon :name="currentPages.length > 1 ? 'arrow-left' : 'home'" size="20" color="white" v-if="showBack"/>
+            </template>
+        </u-navbar>
+    </u-sticky>
+</template>
+
+<script>
+import {LINEAR} from "@/config/color";
+
+export default {
+    name: "HeaderItem",
+    props: {
+        title: String,
+        showBack: {
+            type: Boolean,
+            default: true
+        }
+    },
+    data() {
+        return {
+            bgColor: LINEAR,
+            currentPages: []
+        }
+    },
+    methods: {
+        leftClick() {
+            console.log(this.currentPages)
+            if (this.currentPages.length === 1) uni.switchTab({url: '/pages/index/index'})
+            // else uni.navigateBack()
+        }
+    },
+    mounted() {
+        this.currentPages = getCurrentPages()
+    }
+}
+</script>

src/components/layout.vue

@@ -0,0 +1,59 @@
+<template>
+  <view class="layout">
+    <slot />
+  </view>
+</template>
+
+<script>
+import * as MpApi from "@/api/cms/mpPages";
+import * as MenuIcons from '@/api/menu-icons';
+import {useMpStore} from "@/store/modules/mp";
+const mpStore = useMpStore();
+
+export default {
+  name: 'Layout',
+  components: {MenuIcons},
+  emits: ['done'],
+  data() {
+    return {
+      index: 0,
+      // 配置信息
+      config: {},
+      tabBar: null,
+      ads: [],
+    };
+  },
+  created() {
+    this.reload()
+  },
+  methods: {
+    async reload(){
+      console.log('reloeddd')
+      // 获取小程序信息包
+      const info = await mpStore.fetchMpInfo();
+      // 配置信息
+      this.config = info.config
+      // 底部导航栏
+      this.tabBar = info.tabBar
+      // 加载当前页面
+      this.getPageByPath()
+    },
+    getPageByPath(){
+      const pages = getCurrentPages();
+      const currentPage = pages[pages.length - 1];
+      const { route } = currentPage;
+      console.log(route)
+      this.index = this.tabBar.findIndex(d => d.path === `/${route}`)
+      MpApi.pageMpPages({
+        path: `/${route}`,
+        SceneType: 'showMpMenus'
+      }).then(res => {
+        this.$emit('done',res.list[0])
+      })
+    },
+    openUrl(url){
+      uni.switchTab({url})
+    }
+  },
+}
+</script>