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.
39 lines
754 B
39 lines
754 B
<script setup> |
|
import { Tabbar, TabbarItem } from "vant"; |
|
</script> |
|
|
|
<template> |
|
<router-view class="main"></router-view> |
|
|
|
<tabbar route :fixed="false" active-color="deeppink"> |
|
<tabbar-item icon="home-o" :to="{ name: 'Home' }">首页</tabbar-item> |
|
<tabbar-item icon="search" :to="{ name: 'List' }">列表</tabbar-item> |
|
<tabbar-item icon="user-o" :to="{ name: 'User' }">用户</tabbar-item> |
|
<tabbar-item icon="shopping-cart-o" :to="{ name: 'Carts' }" |
|
>购物车</tabbar-item |
|
> |
|
</tabbar> |
|
</template> |
|
|
|
<style scoped> |
|
button { |
|
font-size: 20px; |
|
width: 3rem; |
|
background-color: lemonchiffon; |
|
border-radius: 5px; |
|
} |
|
|
|
input { |
|
font-size: 20px; |
|
border-radius: 5px; |
|
} |
|
|
|
a { |
|
text-decoration: none; |
|
} |
|
|
|
.main { |
|
flex: 1; |
|
overflow: auto; |
|
} |
|
</style>
|
|
|