30 lines
508 B
Vue
30 lines
508 B
Vue
<template>
|
|
|
|
<div id="Test">
|
|
<MyInput icon-name="user"></MyInput>
|
|
<MyButton @click="handler">登录...</MyButton>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script setup>
|
|
import MyInput from '@/components/IconInput.vue';
|
|
import MyButton from '@/components/MyButton.vue';
|
|
import { useMessage } from '@/components/messages/useAlert';
|
|
|
|
const message = useMessage();
|
|
const handler = () => {
|
|
message.success('成功')
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
#Test {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: white;
|
|
}
|
|
|
|
</style> |