Init project

2023-09-20 21:49:33 +08:00
parent 85a5989c96
commit c9ceac9f37
710 changed files with 125705 additions and 0 deletions
@@ -0,0 +1,65 @@
+<template>
+  <view>
+    <view class="footer-bg"></view>
+    <view id="footer" :class="[isIpx ? 'iphonex-footer' : '', 'acea-row row-middle'] ">
+      <view
+        class="item"
+        :class="{ on: footerIndex == tabtarIndex }"
+        v-for="(item, footerIndex) in footerList"
+        :key="footerIndex"
+      >
+        <view
+          class="iconfont"
+          :class="item.icon1 + ' ' + (footerIndex == tabtarIndex ? item.icon2 : '')"
+        ></view>
+        <view>{{ item.name }}</view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import { mapState, mapMutations, mapActions } from "vuex";
+export default {
+  name: "Footer",
+  props: {},
+  data: function() {
+    return {
+      footerList: [
+        {
+          name: "首页",
+          icon1: "icon-shouye-xianxing",
+          icon2: "icon-shouye",
+          url: "/pages/home/index"
+        },
+        {
+          name: "分类",
+          icon1: "icon-yingyongchengxu-xianxing",
+          icon2: "icon-yingyongchengxu",
+          url: "/pages/shop/GoodsClass/index"
+        },
+        {
+          name: "购物车",
+          icon1: "icon-caigou-xianxing",
+          icon2: "icon-caigou",
+          url: "/pages/shop/ShoppingCart/index"
+        },
+        {
+          name: "我的",
+          icon1: "icon-yonghu-xianxing",
+          icon2: "icon-yonghu",
+          url: "/pages/user/User/index"
+        }
+      ],
+      isIpx: false
+    };
+  },
+  computed: {
+    ...mapState(["tabtarIndex"])
+  },
+  methods: {
+  },
+  mounted() {
+    
+  }
+};
+</script>