mirror of
https://gitee.com/mirrors/AllinSSL.git
synced 2026-03-10 08:41:09 +08:00
【新增】插件git同步模块,用于同步项目内容,加速项目开发
【调整】前端暗色问题
This commit is contained in:
47
frontend/apps/allin-ssl/src/components/emptyState/index.tsx
Normal file
47
frontend/apps/allin-ssl/src/components/emptyState/index.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
import { NEmpty, NButton } from 'naive-ui'
|
||||
import { defineComponent } from 'vue'
|
||||
|
||||
/**
|
||||
* 空状态提示组件,带有添加按钮和社区链接
|
||||
* @param addButtonText 添加按钮文本
|
||||
* @param onAddClick 添加按钮点击事件
|
||||
*/
|
||||
interface EmptyActionPromptProps {
|
||||
addButtonText: string
|
||||
onAddClick: () => void
|
||||
}
|
||||
|
||||
export default defineComponent({
|
||||
name: 'EmptyActionPrompt',
|
||||
props: {
|
||||
addButtonText: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
onAddClick: {
|
||||
type: Function,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
setup(props: EmptyActionPromptProps) {
|
||||
return () => (
|
||||
<div class="flex justify-center items-center h-full">
|
||||
<NEmpty class="px-[4rem]">
|
||||
请先
|
||||
<NButton text type="primary" size="small" onClick={props.onAddClick}>
|
||||
{props.addButtonText}
|
||||
</NButton>
|
||||
,有问题或建议可提
|
||||
<NButton text tag="a" target="_blank" type="primary" href="https://github.com/allinssl/allinssl/issues">
|
||||
Issues
|
||||
</NButton>
|
||||
,也可在Github给我们
|
||||
<NButton text tag="a" target="_blank" type="primary" href="https://github.com/allinssl/allinssl">
|
||||
Star
|
||||
</NButton>
|
||||
,您的参与对AllinSSL极其重要,感谢。
|
||||
</NEmpty>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
})
|
||||
Reference in New Issue
Block a user