Repository files navigation README MIT license NextUI Vue English | 中文(outdate) A Vue Component Library. HeroUI(formerly NextUI) theme, implemented with Vue. Components Available button alert: experimental Work
Latest version: 0.0.12, last published: 4 months ago. Start using nextui-vue in your project by running `npm i nextui-vue`. There are no other projects in the npm registry using nextui-vue.
Abp Vnext Vue Element UI实现版本开箱即用的中后台前端/设计解决方案 链接 AbpPro Vben5 Vue Element Plus 预览 点击查看效果 文档地址 点击查看文档 国内文档地址 点击查看文档 实现功能 用户管理 角色管理 审计日志 后台任务 集成事件 多语言 F
2 2 "name": "nextui-vue-project", 3 - "version": "0.0.8", 3 + "version": "0.0.9", 4 4 "private": true, 5 5 "packageManager": "pnpm@9.0.0", 6 6 "type": "module", packages/components/button/package.json +1-1 Original file line numberDiff line numberDiff...
1.1 组件引入 代码语言:typescript AI代码解释 import{Avatar}from"../../components/Avatar" 1.2 基础示例 代码语言:typescript AI代码解释 // 文字头像Avatar({props:{text:'张',randomBgColor:true}})// 图片头像Avatar({props:{src:$r('app.media.default_avatar')}})// 图标头像Avatar({props:{icon...
Create a quick start template based on NextUI-Vue. Latest version: 0.0.0-beta.1, last published: 2 months ago. Start using create-nextui-vue in your project by running `npm i create-nextui-vue`. There are no other projects in the npm registry using creat
Avatar 组件是一个用于展示用户头像的基础UI组件,支持图片、文字和图标三种显示模式,并提供了丰富的自定义选项。本教程将详细介绍 Avatar 组件的设计思路和实现方法。 2. 接口设计 2.1 形状类型定义 代码语言:typescript AI代码解释 // 头像形状类型enumAvatarShape{CIRCLE='circle',// 圆形头像SQUARE='square'// ...
由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的,整体就是SPA的思路,作为练手倒是可以锻炼前后端各方面的能力。但考虑到后期的迁移和更新等,实在过于麻烦,个人博客其实使用SSR或SSG之类的框架就行了,比如Nextjs,Nuxtjs,Remix等等。于是我接触到了Astro这个框架,它厉害的是不与任何前端框架进行强行绑定,比如Next...
循环渲染可以使用ForEach语句基于一个数组来快速渲染出一个组件列表,类似MVVM里面的v-for(VUE框架) 循环渲染需要一个数据源,必须为数组类型,得是可以遍历的对象 ItemGenerator组件生成函数 @Component export default struct See { @State options:string[] = ["JAVA","Python","C#","Golang"]; @State answer:...
在创建组件时,可以通过参数为其传入具体的内容,类似于 Vue 框架中的 slot。 @Component struct Container { @BuilderParam content: () => void build() { Column() { Text('你好,我是V哥'); this.content(); // 占位符 Button('点我一下试试'); } } } 在这个例子中,content 是一个使用 @...