| | |
| | | <template> |
| | | <div id="app"> |
| | | <router-view></router-view> |
| | | </div> |
| | | <div id="app"> |
| | | <router-view></router-view> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | export default { |
| | | name: 'App', |
| | | data () { |
| | | return { |
| | | } |
| | | }, |
| | | mounted () { |
| | | if (this._isMobile()) { |
| | | // 手机端 |
| | | this.$router.replace('/mobileLayout') |
| | | } else { |
| | | // pc端 |
| | | this.$router.replace('/pcLayout') |
| | | } |
| | | }, |
| | | methods: { |
| | | _isMobile () { |
| | | const flag = navigator.userAgent.match( |
| | | /(phone|pad|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows phone)/i |
| | | ) |
| | | return flag |
| | | } |
| | | name: "App", |
| | | data() { |
| | | return { |
| | | // consoles: 1, |
| | | // consoles1: 1, |
| | | }; |
| | | }, |
| | | mounted() { |
| | | let that = this; |
| | | // console.log(frames, 789456); |
| | | // setInterval(function () { |
| | | // check(); |
| | | // }, 4000); |
| | | // var check = function () { |
| | | // function doCheck(a) { |
| | | // if (("" + a / a)["length"] !== 1 || a % 20 === 0) { |
| | | // // (function () {}["constructor"]("debugger")()); |
| | | // console.log("已打开控制台1"); |
| | | // that.consoles++; |
| | | // return; |
| | | // } else { |
| | | // // (function () {}["constructor"]("debugger")()); |
| | | // // console.log("已打开控制台2"); |
| | | // // return; |
| | | // that.consoles++; |
| | | // } |
| | | // doCheck(++a); |
| | | // } |
| | | // try { |
| | | // doCheck(0); |
| | | // } catch (err) {} |
| | | // }; |
| | | // check(); |
| | | if (this._isMobile()) { |
| | | // 手机端 |
| | | this.$router.replace("/mobileLayout"); |
| | | } else { |
| | | // pc端 |
| | | this.$router.replace("/pcLayout"); |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | _isMobile() { |
| | | const flag = navigator.userAgent.match( |
| | | /(phone|pad|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows phone)/i |
| | | ); |
| | | return flag; |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style> |
| | | html, |
| | | body { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin: 0; |
| | | padding: 0; |
| | | overflow: hidden; |
| | | width: 100%; |
| | | height: 100%; |
| | | margin: 0; |
| | | padding: 0; |
| | | overflow: hidden; |
| | | } |
| | | #app { |
| | | font-family: 'Avenir', Helvetica, Arial, sans-serif; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | color: #2c3e50; |
| | | width: 100%; |
| | | height: 100%; |
| | | font-family: "Avenir", Helvetica, Arial, sans-serif; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | color: #2c3e50; |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | </style> |