全部 文章 问答 分享 共找到1个相关内容

[文章] weapp-tailwindcss +Taroify样式出现层级问题
和Taroify一起使用taro使用Taroify的共同注意点:由于Taroify引入后,会导致tailwindcss的样式被覆盖,Taroify样式的优先级会高于tailwindcss。解决方案修改Taroify引入方式按照Taroify修改引入方式,将taroify引入方式改成按需引入#安装插件yarnaddbabel-plugin-import修改Babel配置文件,修改组件和图标样式的引入方式为手动引入//babel.config.jsmodule.exports={plugins:[['import',{libraryName:'@taroify/core',libraryDirectory:'',//这修改为falsestyle:false,//style:false,},'@taroify/core',],['import',{libraryName:'@taroify/icons',libraryDirectory:'',camel2DashComponentName:false,//这里修改为falsestyle:false,//style:()=>"@taroify/icons/style",customName:name=>name==='Icon'?'@taroify/icons/van/VanIcon':`@taroify/icons/${name}`,},'@taroify/icons',],],}修改引入样式顺序修改根目录下的样式引入顺序,优先引入Taroify的样式,再引入Tailwindcss的样式//src/app.tsximportTarofrom'@tarojs/taro'import'@taroify/icons/index.scss'import'@taroify/core/index.scss'import'./app.scss'...//src/app.scss@use'tailwindcss/base';@use'tailwindcss/components';@use'tailwindcss/utilities';参见Taroify官方文档
- 1