feat: 登录

src/pages.json

@@ -91,7 +91,7 @@
 	},
 	"condition": {
 		//模式配置，仅开发期间生效
-		"current": 0, //当前激活的模式（list 的索引项）
+		"current": 1, //当前激活的模式（list 的索引项）
 		"list": [
 			{
 				"name": "test", //模式名称

src/pages/login/constants/index.compositions.js

-import {reactive, ref} from "vue"
+import { reactive, ref } from "vue"
 //表单数据
 export const loginForm = reactive({
-    username: '',
-    password: '',
+    username: 'devzj3',
+    password: 'Ifar_9527008',
     verifyCode: ''
 })
 export const loginCode = ref('')

src/pages/login/index.vue

@@ -19,7 +19,7 @@
                 <uni-forms-item label="验证码" name="verifyCode">
                     <view class="verify-code">
                         <uni-easyinput v-model="loginForm.verifyCode" placeholder="请输入验证码" type="text" style="flex: auto" />
-                        <image class="verify-code-image" v-if="loginCode && loginForm.username" :src="loginCode" mode="scaleToFill" />
+                        <image class="verify-code-image" v-if="loginCode && loginForm.username" :src="loginCode" mode="scaleToFill" @tap="getGifCaptcha" />
                         <view class="verify-code-image" v-else></view>
                     </view>
                 </uni-forms-item>
@@ -37,6 +37,7 @@ import message from '@/utils/message'
 import useUserStore from '@/store/modules/user'
 import { loginCode, loginForm, rules } from './constants/index.compositions'
 import { getGifCaptcha } from './constants/index.functionals'
+import { onLoad } from '@dcloudio/uni-app'
 
 watch(
     () => loginForm.username,
@@ -58,6 +59,9 @@ const handleLogin = async () => {
         message.error({ title: res.message })
     }
 }
+onLoad(() => {
+    getGifCaptcha()
+})
 </script>
 
 <style lang="scss">