youxi-app/pages/user/components/password.uvue

<template>
	<view class="flex flex-col w-[40vw]">
		<view class="mb-3 flex flex-row ">
			<cl-input class="" :pt="{ className: '!h-[40px] !rounded-xxl !px-4 !w-[40vw]' }" v-model="form.username"
				placeholder="请输入手机号"></cl-input>
		</view>

		<view class="relative flex flex-row items-center mb-5">
			<cl-input :pt="{ className: '!h-[40px] !rounded-xxl !px-4 !w-[40vw]' }" clearable v-model="form.password" password
				placeholder="请输入密码">
			</cl-input>
		</view>


	</view>
</template>

<script setup lang="ts">
import { type PropType } from "vue";
import type { LoginForm } from "./types";
import { useRefs, } from "@/.cool";

const props = defineProps({
	form: {
		type: Object as PropType<LoginForm>,
		default: () => ({})
	}
});

const emit = defineEmits(["success"]);

const refs = useRefs();

</script>