112 lines
2.3 KiB
Vue
112 lines
2.3 KiB
Vue
<template>
|
|
<div class="setup_bg">
|
|
<div class="login_wrap">
|
|
<div class="login_cnt clearfix">
|
|
<div class="login_card fl">
|
|
<div class="card_wrap">
|
|
<div class="inputOuter">
|
|
<label>域名地址</label>
|
|
<input type="text" class="inputStyle" v-model="baseUrl">
|
|
</div>
|
|
<div class="inputOuter">
|
|
<label>刷新时间</label>
|
|
<input type="number" class="inputStyle" v-model="setTime">
|
|
</div>
|
|
</div>
|
|
<div class="submit"><input type="submit" value="配 置" class="btn" @click="_config"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Setup',
|
|
data () {
|
|
return {
|
|
baseUrl: this.$store.getters.baseUrl,
|
|
setTime: this.$store.getters.setTime / 1000
|
|
}
|
|
},
|
|
mounted () {
|
|
// 点对点项目分辨率 1024 * 768
|
|
// alert(document.body.clientWidth, 'a')
|
|
// alert(document.body.clientHeight, 'b')
|
|
// alert(window.screen.width, 'c')
|
|
// alert(window.screen.height, 'd')
|
|
},
|
|
methods: {
|
|
_config () {
|
|
let obj = {
|
|
baseUrl: this.baseUrl,
|
|
setTime: this.setTime * 1000
|
|
}
|
|
this.$store.dispatch('setConfig', obj)
|
|
this.$router.push('/home')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="stylus" scoped>
|
|
.setup_bg
|
|
width 100%
|
|
height 100%
|
|
background center center / 100% 100% url(../images/aio/bg.png) no-repeat
|
|
.login_wrap
|
|
position fixed
|
|
left 50%
|
|
top 50%
|
|
width 6.5rem
|
|
transform translate3d(-50%, -50%, 0)
|
|
border-radius 15px
|
|
overflow hidden
|
|
.login_cnt
|
|
position relative
|
|
width 200%
|
|
overflow hidden
|
|
.login_card
|
|
width 50%
|
|
padding .3rem
|
|
.card_wrap
|
|
overflow hidden
|
|
.inputOuter
|
|
position relative
|
|
height .5rem
|
|
width 100%
|
|
margin-bottom .3rem
|
|
overflow hidden
|
|
.inputStyle
|
|
width 4rem
|
|
font-size 0.26rem
|
|
float right
|
|
background none
|
|
line-height .5rem
|
|
height .5rem
|
|
color #999999
|
|
text-indent 10px
|
|
border none
|
|
box-sizing border-box
|
|
background-color #ffffff
|
|
.submit
|
|
width 100%
|
|
background-color #fa6400
|
|
border-radius 5px
|
|
.btn
|
|
background none
|
|
height .56rem
|
|
line-height .56rem
|
|
width 100%
|
|
outline none
|
|
font-weight normal
|
|
font-size .32rem
|
|
color #ffffff
|
|
label
|
|
position absolute
|
|
font-size .3rem
|
|
line-height .5rem
|
|
color #333333
|
|
padding-left .05rem
|
|
</style>
|