vue单页面在iOS微信浏览器中弹出底部栏导致的样式问题

只需要在app.vue的mounted里面添加如下代码即可解决这个问题

 mounted() {
   
    const u = navigator.userAgent
    const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
    if (isiOS) {
   
      window.history.pushState({
   }, 'title', '#')
    }
  },

这里顺便说一下在ios页面下出现了无法滚动的Bug，可以尝试使用以下方式解决，
例如，这个warpper是产生滚动条的地方

<template>
  <div class="home footer-bar">
    <!-- 头部搜索 -->
    <search />
    <div class="wrapper"><