社区
李秀忠的课程社区_NO_1
vue从入门到精通
帖子详情
12-vue中的样式
isscollege
2023-01-13 01:57:34
课时名称
课时知识点
12-vue中的样式
12-vue中的样式
...全文
165
回复
打赏
收藏
12-vue中的样式
课时名称课时知识点12-vue中的样式12-vue中的样式
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
在
vue
中
使用ant-design-
vue
组件
在
vue
中
使用ant-design-
vue
组件 文章目录在
vue
中
使用ant-design-
vue
组件1. 安装2. 引入组件库3. 使用3.1 按钮
样式
3.2 导航栏
样式
3.3 表单
样式
官方地址:Ant Design
Vue
1. 安装 首先使用
vue
-cli创建项目,然后进入项目,使用npm安装ant-design-
vue
库: npm i --save ant-design-
vue
@next 然后在package.json文件
中
的dependencies
中
看见刚刚下载的库: 2. 引入组件库
1
Vue
3安装ant-design-
vue
全局安装,引入阿里巴巴iconfont图标库,修改ant-design-
vue
的radio
样式
Vue
3安装ant-design-
vue
全局安装 npm install ant-design-
vue
--save 在main.ts
中
引入 import Antd from 'ant-design-
vue
' import 'ant-design-
vue
/dist/antd.css' createApp(App) .use(Antd) .mount("#app"); 引入阿里巴巴iconfont图标库 登录 https://www.iconfont.cn/ 创建项目添加你的图标,并下
ant-desigin-
vue
中
form表单的使用
form表单的使用 form表单之获取表单的数据 创建表单 通过ant-design-
vue
去获取表单的数据是使用v-decorator的方式去给每个项去注册,这样才能通过组件去拉取表单的数据,同时对必填项做校验; <template> <a-form @submit="handleOk" :form="form"> // :form="form" 必须优先...
Vue
3 第十三篇:引入Layui-
vue
框架
由于博主是后端出身,对layui的十分喜爱,特此引入一下:Layui -
Vue
开源前端 UI 框架http://layui-
vue
.pearadmin.com/zh-CN/guide/introduce1.安装 2.注册 3.安装插件(如果已经安装过,则跳过此步骤)安装 unplugin-
vue
-components 和 unplugin-auto-import 插件,插件会自动解析模板
中
用到的组件,并引入组件和
样式
。 4.配置插件:修改vite.config.js文件 5.使用:...
Vue
3按需加载ant-design-
vue
组件库
1、安装ant-design-
vue
使用yarn 或 npm 安装并引入 ant-design-
vue
。 yarn add ant-design-
vue
npm i --save ant-design-
vue
2、安装 babel-plugin-import babel-plugin-import是一个用于按需加载组件代码和
样式
的 babel 插件。 yarn add babel-plugin-import --dev 3、babel配置 修改babel.con...
李秀忠的课程社区_NO_1
1
社区成员
604
社区内容
发帖
与我相关
我的任务
李秀忠的课程社区_NO_1
复制链接
扫一扫
分享
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章