|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
<div class="navigation">
|
|
|
- <div class="r_l"><router-link to="/"><img src="../assets/icons/icon-home.png">首页</router-link></div>
|
|
|
- <div class="r_l"><router-link to="/product"><img src="../assets/icons/icon-order.png">订单</router-link></div>
|
|
|
- <div class="r_l"><router-link to="/mine"><img src="../assets/icons/icon-mine.png">我的</router-link></div>
|
|
|
+ <div class="r_l"><router-link to="/"><img :src='iconHome'>首页</router-link></div>
|
|
|
+ <div class="r_l"><router-link to="/product"><img :src='iconOrder'>订单</router-link></div>
|
|
|
+ <div class="r_l"><router-link to="/mine"><img :src='iconMine'>我的</router-link></div>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -11,7 +11,14 @@
|
|
|
export default {
|
|
|
name: 'navigation',
|
|
|
data () {
|
|
|
- return {}
|
|
|
+ return {
|
|
|
+ iconHome: 'http://oduj3utzz.bkt.clouddn.com/icon-home.png',
|
|
|
+ iconHomeActive: 'http://oduj3utzz.bkt.clouddn.com/icon-home-active.png',
|
|
|
+ iconOrder: 'http://oduj3utzz.bkt.clouddn.com/icon-order.png',
|
|
|
+ iconOrderActive: 'http://oduj3utzz.bkt.clouddn.com/icon-order-active.png',
|
|
|
+ iconMine: 'http://oduj3utzz.bkt.clouddn.com/icon-mine.png',
|
|
|
+ iconMineActive: 'http://oduj3utzz.bkt.clouddn.com/icon-mine-active.png'
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|