|
|
@@ -18,11 +18,11 @@
|
|
|
<div class="form-box">
|
|
|
<div class="form-input-box">
|
|
|
<img :src="loginPng4" alt="">
|
|
|
- <input v-model="formModel.username" placeholder="账号"/>
|
|
|
+ <input v-model="formModel.username" placeholder="账号">
|
|
|
</div>
|
|
|
<div class="form-input-box">
|
|
|
<img :src="loginPng4" alt="">
|
|
|
- <input type="password" v-model="formModel.password" placeholder="密码"/>
|
|
|
+ <input v-model="formModel.password" type="password" placeholder="密码">
|
|
|
</div>
|
|
|
<div class="form-btn-box" @click="loginClick">
|
|
|
<img :src="loginPng5" alt="">
|
|
|
@@ -37,16 +37,17 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {ref} from "vue";
|
|
|
-import {useRouter} from 'vue-router'
|
|
|
+import { ref } from 'vue'
|
|
|
+import { useRouter } from 'vue-router'
|
|
|
const router = useRouter()
|
|
|
+
|
|
|
//图片资源
|
|
|
-import loginBg from "~src/assets/login/bg.png";
|
|
|
-import loginGif from "~src/assets/login/1.gif";
|
|
|
-import loginPng2 from "~src/assets/login/2.png";
|
|
|
-import loginPng3 from "~src/assets/login/3.png";
|
|
|
-import loginPng4 from "~src/assets/login/4.png";
|
|
|
-import loginPng5 from "~src/assets/login/5.png";
|
|
|
+import loginBg from '~src/assets/login/bg.png'
|
|
|
+import loginGif from '~src/assets/login/1.gif'
|
|
|
+import loginPng2 from '~src/assets/login/2.png'
|
|
|
+import loginPng3 from '~src/assets/login/3.png'
|
|
|
+import loginPng4 from '~src/assets/login/4.png'
|
|
|
+import loginPng5 from '~src/assets/login/5.png'
|
|
|
|
|
|
const formModel = ref({
|
|
|
username: '',
|
|
|
@@ -56,8 +57,8 @@ const formModel = ref({
|
|
|
//登录页
|
|
|
const loginClick = () => {
|
|
|
router.push({
|
|
|
- name: 'home-index'
|
|
|
- });
|
|
|
+ name: 'home-index',
|
|
|
+ })
|
|
|
}
|
|
|
</script>
|
|
|
|
