NRB_VueJS/vue_aspect_ratio
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove need for wallpaper

Browse Source
This commit is contained in:
Fredrick W. Warren 2019-08-20 11:24:39 -07:00
parent 9479fc75b9
commit d1548867a1
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>daleen</title> <title>daleen</title>
<style> <style>
#pageStyle { #pagestyle {
border: 0px; border: 0px;
padding 0px; padding 0px;
margin: 0px; margin: 0px;
@ -19,8 +19,8 @@
} }
</style> </style>
</head> </head>
<body style="border: 0;padding: 0;margin: 0;"> <body id="pagestyle">
<div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);"> <div id="appstyle">
<div id="app"></div> <div id="app"></div>
</div> </div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->

8
src/App.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div :style="window.style"> <div :style="window.style">
<div style="width: 1680px;height: 1050px;background-image: url('https://wallpapercave.com/wp/mvdjImO.jpg')"> <div :style="windowSize">
<router-view/> <router-view/>
</div> </div>
</div> </div>
@ -12,8 +12,8 @@ export default {
data: function () { data: function () {
return { return {
window: { window: {
width: 1680, width: 1920,
height: 1050, height: 1080,
style: '' style: ''
} }
} }
@ -27,7 +27,7 @@ export default {
}, },
computed: { computed: {
windowSize: function () { windowSize: function () {
return `width: ${this.window.width};height: ${this.window.height}` return `width: ${this.window.width}px;height: ${this.window.height}px;`
} }
}, },
methods: { methods: {