07_03.添加返回按钮

1. 效果图
07_03.添加返回按钮_第1张图片
07_03.添加返回按钮_第2张图片
2. 使用mint-ui的css插件:

https://mint-ui.github.io/docs/#/zh-cn2/header

07_03.添加返回按钮_第3张图片

07_03.添加返回按钮_第4张图片

3. 详细分解:
  • 就是在头部文件添加一个返回的样式,然后判断是否是首页,如果不是首页就添加样式,如果是首页,就隐藏样式.(v-if和$router.go的使用)
4. 关键代码:
07_03.添加返回按钮_第5张图片





4. 其余整体需要执行的话,在07_02.新闻详情里面的header.vue里面添加上面的代码,然后执行webpack-dev-server即可。

你可能感兴趣的