init

src/pages/Setup.vue

@@ -0,0 +1,111 @@
+<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>