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.
65 lines
1.5 KiB
65 lines
1.5 KiB
<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>
|
|
|