|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <view class="header-top h-screen">
|
|
|
+ <view class="bg-white h-screen">
|
|
|
<wd-navbar
|
|
|
title="账户密码登录"
|
|
|
fixed
|
|
@@ -12,34 +12,35 @@
|
|
|
></wd-navbar>
|
|
|
<view class="flex items-center justify-center mt114rpx">
|
|
|
<view class="flex flex-col items-center">
|
|
|
- <view
|
|
|
- class="bg-white rounded-full w160rpx h160rpx flex items-center justify-center"
|
|
|
- >logo</view
|
|
|
- >
|
|
|
- <view class="text-40rpx mt-32rpx text-[rgb(0,0,0,.9))]"
|
|
|
- >全龄运动商家端</view
|
|
|
- >
|
|
|
+ <view class="flex items-center justify-center">
|
|
|
+ <image src="@/static/logo.png" class="w240rpx h238rpx"
|
|
|
+ /></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="px32rpx mt68rpx">
|
|
|
- <customFormItem label="账号">
|
|
|
+ <view class="px48rpx">
|
|
|
<wd-input
|
|
|
type="text"
|
|
|
placeholder="请输入账号"
|
|
|
clearable
|
|
|
+ label="账号"
|
|
|
+ label-width="120rpx"
|
|
|
v-model:model-value="modelForm.username"
|
|
|
- custom-class="inputClass"
|
|
|
/>
|
|
|
- </customFormItem>
|
|
|
- <customFormItem label="密码">
|
|
|
+ <wd-divider color="rgba(0,0,0,0.1)"></wd-divider>
|
|
|
+ </view>
|
|
|
+ <view class="px48rpx mt32rpx">
|
|
|
<wd-input
|
|
|
show-password
|
|
|
placeholder="请输入密码"
|
|
|
- custom-class="inputClass"
|
|
|
+ label-width="120rpx"
|
|
|
clearable
|
|
|
+ label="密码"
|
|
|
v-model:model-value="modelForm.password"
|
|
|
/>
|
|
|
- </customFormItem>
|
|
|
+ <wd-divider color="rgba(0,0,0,0.1)"></wd-divider>
|
|
|
+ </view>
|
|
|
+
|
|
|
<view class="mt94rpx">
|
|
|
<wd-button type="primary" size="large" block @click="handleLogin"
|
|
|
>提交
|
|
@@ -75,8 +76,8 @@ const {
|
|
|
).onError((error) => {});
|
|
|
|
|
|
const modelForm = reactive({
|
|
|
- username: "mdadmin",
|
|
|
- password: "admin123.",
|
|
|
+ username: "",
|
|
|
+ password: "",
|
|
|
});
|
|
|
function handleClickLeft() {
|
|
|
uni.navigateBack();
|
|
@@ -106,6 +107,10 @@ async function handleLogin() {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
+:deep(.wd-input__label-inner) {
|
|
|
+ font-size: 32rpx !important;
|
|
|
+ font-weight: 700;
|
|
|
+}
|
|
|
:deep(.wd-input.is-not-empty:not(.is-disabled)::after) {
|
|
|
background-color: var(--wot-input-border-color, #dadada) !important;
|
|
|
}
|