13 changed files with 146 additions and 69 deletions
Split View
Diff Options
-
2src/api/poster.js
-
BINsrc/assets/images/icon/home-s.png
-
BINsrc/assets/images/icon/home.png
-
BINsrc/assets/images/icon/my-s.png
-
BINsrc/assets/images/icon/my.png
-
BINsrc/assets/images/icon/server-s.png
-
BINsrc/assets/images/icon/server.png
-
57src/components/nav-bottom.vue
-
3src/router/index.js
-
68src/view/home.vue
-
39src/view/month-card.vue
-
45src/view/poster.vue
-
1src/view/service-evaluation.vue
@ -0,0 +1,57 @@ |
|||
<template> |
|||
<div class="router-bottom"> |
|||
<router-link :class="{active:$route.name=='首页'}" to="/home"> |
|||
<img v-if="$route.name!='首页'" src="../assets/images/icon/home.png" /> |
|||
<img v-else src="../assets/images/icon/home-s.png"> |
|||
<span>首页</span> |
|||
</router-link> |
|||
<a href="http://test.1hjz.cn/mall/web/appoint_index"> |
|||
<img src="../assets/images/icon/server.png" /> |
|||
<span>服务</span> |
|||
</a> |
|||
<a href="http://test.1hjz.cn/mall/web/owner" > |
|||
<img src="../assets/images/icon/my.png" /> |
|||
<span>我的</span> |
|||
</a> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.router-bottom { |
|||
width: 100%; |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 1rem; |
|||
box-sizing: border-box; |
|||
border-top: 1px solid #ddd; |
|||
} |
|||
.router-bottom a { |
|||
list-style: none; |
|||
color: #999999; |
|||
} |
|||
.router-bottom a img { |
|||
width: 0.4rem; |
|||
height: 0.4rem; |
|||
display: block; |
|||
margin-bottom: 0.1rem; |
|||
} |
|||
.router-bottom a span { |
|||
height:0.2rem; |
|||
font-size:0.2rem; |
|||
font-weight:400; |
|||
display: block; |
|||
} |
|||
a.active { |
|||
color: #29B079; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save