acomplish replacing Vue-cli with Vite

This commit is contained in:
GeekMaster
2025-05-26 15:56:18 +08:00
parent b1ddcef593
commit 76a3ada85f
44 changed files with 2811 additions and 9576 deletions

View File

@@ -10,11 +10,7 @@
<el-tab-pane label="手机号验证" name="mobile">
<el-form-item>
<div class="form-title">手机号码</div>
<el-input
v-model="form.mobile"
size="large"
placeholder="请输入手机号"
/>
<el-input v-model="form.mobile" size="large" placeholder="请输入手机号" />
</el-form-item>
<el-form-item>
<div class="form-title">验证码</div>
@@ -26,11 +22,7 @@
placeholder="请输入验证码"
class="code-input"
/>
<send-msg
size="large"
:receiver="form.mobile"
type="mobile"
/>
<send-msg size="large" :receiver="form.mobile" type="mobile" />
</div>
</el-form-item>
</el-tab-pane>
@@ -38,11 +30,7 @@
<el-form-item>
<div class="form-title">邮箱</div>
<el-input
v-model="form.email"
placeholder="请输入邮箱"
size="large"
/>
<el-input v-model="form.email" placeholder="请输入邮箱" size="large" />
</el-form-item>
<el-form-item>
<div class="form-title">验证码</div>
@@ -54,11 +42,7 @@
placeholder="请输入验证码"
class="code-input"
/>
<send-msg
size="large"
:receiver="form.email"
type="email"
/>
<send-msg size="large" :receiver="form.email" type="email" />
</div>
</el-form-item>
</el-tab-pane>
@@ -85,12 +69,7 @@
/>
</el-form-item>
<el-form-item>
<el-button
class="login-btn"
size="large"
type="primary"
@click="save"
>
<el-button class="login-btn" size="large" type="primary" @click="save">
重置密码
</el-button>
</el-form-item>
@@ -103,50 +82,49 @@
</template>
<script setup>
import { ref } from "vue";
import SendMsg from "@/components/SendMsg.vue";
import AccountTop from "@/components/AccountTop.vue";
import AccountTop from '@/components/AccountTop.vue'
import SendMsg from '@/components/SendMsg.vue'
import { ref } from 'vue'
import { ElMessage } from "element-plus";
import { httpPost } from "@/utils/http";
import AccountBg from "@/components/AccountBg.vue";
import { validateEmail, validateMobile } from "@/utils/validate";
import AccountBg from '@/components/AccountBg.vue'
import { httpPost } from '@/utils/http'
import { ElMessage } from 'element-plus'
const form = ref({
mobile: "",
email: "",
type: "mobile",
code: "",
password: "",
repass: ""
});
mobile: '',
email: '',
type: 'mobile',
code: '',
password: '',
repass: '',
})
const save = () => {
if (form.value.code === "") {
return ElMessage.error("请输入验证码");
if (form.value.code === '') {
return ElMessage.error('请输入验证码')
}
if (form.value.password.length < 8) {
return ElMessage.error("密码长度必须大于8位");
return ElMessage.error('密码长度必须大于8位')
}
if (form.value.repass !== form.value.password) {
return ElMessage.error("两次输入密码不一致");
return ElMessage.error('两次输入密码不一致')
}
httpPost("/api/user/resetPass", form.value)
httpPost('/api/user/resetPass', form.value)
.then(() => {
ElMessage.success({
message: "重置密码成功",
duration: 1000
});
message: '重置密码成功',
duration: 1000,
})
})
.catch((e) => {
ElMessage.error("重置密码失败:" + e.message);
});
};
ElMessage.error('重置密码失败:' + e.message)
})
}
</script>
<style lang="stylus">
@import "@/assets/css/login.styl"
<style lang="stylus" scoped>
@import "../assets/css/login.styl"
::v-deep(.el-tabs__item.is-active, .el-tabs__item:hover){
color: var(--common-text-color) !important;
}