尺寸
This commit is contained in:
43
src/pages/Testscreen.vue
Normal file
43
src/pages/Testscreen.vue
Normal file
@@ -0,0 +1,43 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="box0">
|
||||
<p>a: {{a}}</p>
|
||||
<p>b: {{b}}</p>
|
||||
<p>c: {{c}}</p>
|
||||
<p>d: {{d}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Testscreen',
|
||||
data () {
|
||||
return {
|
||||
a: '',
|
||||
b: '',
|
||||
c: '',
|
||||
d: ''
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
// alert(document.body.clientWidth, 'a')
|
||||
// alert(document.body.clientHeight, 'b')
|
||||
// alert(window.screen.width, 'c')
|
||||
// alert(window.screen.height, 'd')
|
||||
this.a = document.body.clientWidth
|
||||
this.b = document.body.clientHeight
|
||||
this.c = window.screen.width
|
||||
this.d = window.screen.height
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
.box0
|
||||
padding-top 200px
|
||||
text-align center
|
||||
p
|
||||
font-size 46px
|
||||
line-height 70px
|
||||
</style>
|
||||
@@ -1,7 +1,7 @@
|
||||
import Vue from 'vue'
|
||||
import Router from 'vue-router'
|
||||
|
||||
const Test = r => require.ensure([], () => r(require('@page/Test')), 'Test2')
|
||||
const Test = r => require.ensure([], () => r(require('@page/Testscreen')), 'Testscreen')
|
||||
const Setup = r => require.ensure([], () => r(require('@page/Setup')), 'Setup')
|
||||
const HomePage = r => require.ensure([], () => r(require('@page/HomePage')), 'HomePage')
|
||||
const StorageMonitor = r => require.ensure([], () => r(require('@page/StorageMonitor2')), 'StorageMonitor')
|
||||
@@ -15,7 +15,7 @@ export default new Router({
|
||||
routes: [
|
||||
{
|
||||
path: '/',
|
||||
redirect: '/setup'
|
||||
redirect: '/test'
|
||||
},
|
||||
{
|
||||
path: '/setup',
|
||||
|
||||
Reference in New Issue
Block a user