移动端头部导航栏写法总结

第一，用了vant里面的navbar组件，行，可以用，但是我们要考虑UI图里面的文字，两侧图标都是和自带的不一样的，怎么改是个问题
组件中给了答案，解决两侧图标问题，我们可以用插槽，左侧呢就用#left，右侧呢就用#right，这是组件自定义的写法插槽的命名，<template #left>你想插入的图标或者切图的图片都可以，只管放
那么外表是一样了，具体样式还是不一样，比如大小，位置怎么搞？
文字好整，直接有个van-nav-bar，改颜色，什么的
那插槽里面的怎么整？直接用穿透还是透穿::v-deep
的写法，等于说对这个nav-bar的上个父元素进行样式修改，然后可以作用在这个nav-bar里面，就可以改变他的位置了
第二，咱们直接用div套三个span，然后对div，flex布局，水平居中，然后对每个span的宽高进行设置，span的行内元素，应该是要变成行内块才能设置宽高，然后在调整margin的距离，这就通了。
我是菜鸟，有啥写的不对的，欢迎大家帮我纠正，好人一生平安！