本文介绍: daisyui是中最流行的纯CSS框架,然而它作用的平台只有h5,直接在小程序中使用会报错,因为小程序的CSS选择器有很多限制,无法像h5那样自由。那么怎么样才能构建出适配小程序版本的daisyui呢?
用 @icestack/ui 构建适配微信小程序的 daisyui
前言
daisyui
是 tailwindcss
中最流行的纯 CSS
框架,然而它作用的平台只有 h5
,直接在小程序中使用会报错,因为小程序的 CSS
选择器有很多限制,无法像 h5
那样自由。那么怎么样才能构建出适配小程序版本的 daisyui
呢?
思考与实践
在阅读了 daisyui
了诸多源码之后,我展开了思索,因为我认为它还能做的更好更自由。
为此我构建了 icestack
项目。和 daisyui
相同的是,它们都用于构建纯 CSS
框架。不同的是 icestack
的目的快速的生成一套属于你自己的 CSS 框架。也就是说你可以用 @icestack/ui
构建出 n
个你自己定制化之后的 daisyui
。
当然你可以使用内部提供的一套默认 范式
(默认就是 daisyui
), 也可以对它进行覆盖或者扩展。
你可以根据配置项,自由的去操纵所有 CSS
范式的表现性状,包括不但限于:
如何使用?
安装
初始化配置
构建样式
作为 tailwindcss plugin 来使用
安装
配置
智能提示
在微信小程序里使用
安装
注册
构建
演示小程序
收到启发的项目
参考地址
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。