1、使用脚手架Vuecli2创建项目
tabBar % vue init webpack tabbar
2、选择配置
3、启动项目
3、引入base.css文件
在style里面引入文件的方法:@import url(“文件路径”)
4、调整tabbar样式
详细代码:
<style>
@import url("./assets/css/base.css");
#tab-bar {
display: flex;
text-align: center;
height: 49px;
background: #f6f6f6;