vue-项目 设置某一块区域 安卓显示 iphone、ipad不显示

实现效果：
某一块区域，在安卓型号下可以正常显示，iphone、ipad不显示（公司需求是 下载的入口）
可复制直接使用

代码实现：

<div v-show="cartoonClose">
    <p>这里是显示或者不显示的区域</p>
</div>
<script>
import { getOS } from "@/utils/common.js"; //引入封装的内容
export default{
 data() {
    return {
      cartoonClose: getOS.iphone === false && getOS.ipad === false
      //这里是根据型号判断显示和隐藏
    }
  }
}
</script>

/utils/common.js
//封装的内容

var getOS = function () {
	var a = navigator.userAgent,
		b = /(?:Android)/.test(a),
		d = /(?:Firefox)/.test(a),
		e = /(?:Mobile)/.test(a),
		f = b && e,
		g = b && !f,
		c = /(?:iPad.*OS)/.test(a),
		h = !c && /(?:iPhone\sOS)/.test(a),
		k = c || g || /(?:PlayBook)/.test(a) || d && /(?:Tablet)/.test(a),
		a = !k && (b || h || /(?:(webOS|hpwOS)[\s\/]|BlackBerry.*Version\/|BB10.*Version\/|CriOS\/)/.test(a) || d && e);
	return {
		android: b,
		androidPad: g,
		androidPhone: f,
		ipad: c,
		iphone: h,
		tablet: k,
		phone: a
	}
}();