17 lines
580 B
Vue
17 lines
580 B
Vue
<script setup lang="ts">
|
|
// status：把校验结果交给输入框表达（error 红边 / warning 黄边）
|
|
import { ref } from 'vue'
|
|
import { G3Input, G3Space } from '@g3soft/ui'
|
|
|
|
const email = ref('not-an-email')
|
|
const host = ref('localhost')
|
|
</script>
|
|
|
|
<template>
|
|
<G3Space direction="vertical" :size="12" style="display: flex; width: 280px">
|
|
<G3Input v-model="email" status="error" placeholder="邮箱格式不正确" />
|
|
<G3Input v-model="host" status="warning" placeholder="可能存在风险" />
|
|
<G3Input model-value="正常状态" />
|
|
</G3Space>
|
|
</template>
|