- 博客(8)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 tailwind css部分样式无效的一个原因
在上述例子中，如果calcColor在计算后得到“red”，但在编译的时候，tailwind css 任务‘text-red-600’并没有被使用，所有就不会将对应的样式打包进最终的css文件中。组件中的颜色是通过匹配动态变化的，而tailwind css引入JIT( just in time)模式，JIT 会动态编译 CSS，在使用时生成样式，从而显著减小文件大小。以上组件的calcColor是动态计算的，编译出的html中的类也是动态改变的，但是文字颜色并不会改变。
2024-02-22 14:19:50
847
1
原创 React实现app页面切换效果
使用react-activation react-router-v6 react-transition-group实现原生app页面跳转动画
2024-01-29 14:29:39
949
原创 展示组件和容器组件
业务开发中经常会碰到一个会有新增和编辑状态的表单，刚开始写业务的时候，会把新增逻辑和编辑逻辑糅杂在一起，组件耦合度高，后期修改难度大，产生bug的可能性也大大增加。
2024-01-29 11:55:25
442
原创 基于react-hook-form封装一个动态增加的输入框群组
末尾总有一个空输入框，当最后的输入框内容不为空的时候，新增一个输入框；中有空值输入框且不为最后一个的时候，将这个输入框移除。
2024-01-28 13:23:58
355
原创 vant-ui 下拉刷新组件和滚动冲突
问题描述:在使用vant-ui的下拉刷新和滚动加载组件时, 上下滑动屏幕时, 发现向下滑动总是触发下拉刷新( ios没有问题 )解决过程:搜索了相关问题, 有的是在滚动内容上加@touchmove.stop 属性, 有的是改写<van-pull-refresh>组件样式. 尝试之后问题未解决.于是重新整理了一遍样式,统一用flex布局, 然后将<van-pull-refresh>组件单独放在一个固定高度的容器内,并且给父容器添加overflow:hidden属性;再在
2021-12-31 16:39:43
1450
原创 Vant UI的index-bar( 索引栏 )组件中的anchor元素固定定位在Tab( 标签 )组件下失效的原因记录
在用vant ui制作联系人列表的时候,在vant-tab组件下引用vant-index-bar组将, 发现index-anchor会跟随父元素一起滚动, 于是检查了anchor的样式.van-index-bar__sidebar { position: fixed; top: 50%; right: 0; z-index: 2; display: flex; -webkit-box-orient: vertical; -webkit-box-d
2021-12-09 15:31:07
1815
空空如也
shadcn的sheet组件绑定container的一个疑问
2024-03-15
element 修改默认样式失败, 无法切换样式
2021-11-25
在vue文件里, 怎么设置自动补齐括号, 引号, 和大括号啊
2021-09-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人