You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.5 KiB
66 lines
1.5 KiB
4 years ago
|
<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>
|