前端哥

Vue--》深入学习tailwind CSS掌握优雅而高效的前端样式开发

2024-02-19tailwind CSS是一种基于原子设计理念的现代CSS框架。它通过提供大量可复用的独立类来构建界面,而不是依赖于预定义的组件。与传统的CSS框架不同,tailwind CSS不提供封装好的样式组件,而是专注于提供低级的原子类,使开发者能够自由组合和定制样式。

https://www.qianduange.cn//article/2252.html 分类:前端知识

tailwind CSS 原子化开发初体验

2024-02-17tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何模板中的 CSS 类(class)名,然后生成相应的样式代码并写入到一个静态 CSS 文件中。他快速、灵活、可靠,没有运行时负担。再也不用为了取一个 classname 类名而烦恼了。_mt-[10px]

https://www.qianduange.cn//article/2197.html 分类:前端知识

tailwindCSS常用类大全

2024-02-09简要介绍tailwindcss常用类,助力快速构建优雅的前端页面_tailwind 使用 border 颜色

https://www.qianduange.cn//article/1601.html 分类:前端知识

Vue3 Ts Vite项目(第十五篇)——tailwindcss安装及使用详解,css原子化如何实现

2024-02-08vue3项目安装tailwindcss详细教程,css原子化如何实现详细教程_vite如何使用twinlwinds

https://www.qianduange.cn//article/1484.html 分类:前端知识

UnoCss使用

2024-02-03UnoCSS: The instant on-demand Atomic CSS engine样式文档来源:UnoCSS给了我一个不用tailwindcss的理由 - 掘金集成 UnoCSS1. 修改 ,添加 unocss plugin2. 修改 和 Presets 预设Attributify preset例如:presetAttributify 可以在标签上直接写 CSS 样式Icon(图标)Icons preset安装:安装 时会自带 ,所以安装 图标就可以了所有可用_transformervariantgroup

https://www.qianduange.cn//article/1149.html 分类:前端知识

使用命令行方式搭建uni-app Vue3 Typescript Pinia Vite tailwind CSS uv-ui开发脚手架

2024-02-02近日心血来潮想做一个开源项目,目标是做一款可以适配多端、功能完备的模板工程,包含后台管理系统和前台系统,开发者基于此项目进行裁剪和扩展来完成自己的功能开发。但前台系统花样繁多,可能是PC端浏览器,可能是微信网页,微信小程序,安卓,鸿蒙……因此笔者只能从个人的开发需求出发,搭建了原生vue3版、原生微信小程序版、原生React版和uniapp版的前台系统模板。创建uniapp项目可以使用官方提供的IDE工具HBuilderX可视化的创建,但项目结构与普通的vue项目有所不同;_uniapp vue3 pinia tailwindcss gulp

https://www.qianduange.cn//article/1065.html 分类:前端知识

96条数据,当前10/10

最近搜索

会员中心 联系我 留言建议 回顶部