- 博客(29)
- 收藏
- 关注
RSS订阅原创 ios H5页面滚动适配问题
1.取消页面整体回弹效果；问题：滑动时候会卡主不动，短暂静止后或者点击屏幕后可以继续滑动。但并未解决我的问题，我的是框架页面嵌套过多，导致的多层滚动嵌套。可以使用document.body动态开关。给body标签加上fixed就好。将展示的页面的所有父元素溢出隐藏。
2024-08-30 18:20:44
201
原创 uniappX一些离奇问题
一个静态class一个动态class的时候可能会触发。解决办法 添加一个高度不为0的占位元素。例如列表页面初始化的时候提示词不加载。解决方法 都改为动态。
2024-08-28 19:52:20
128
原创 UniappX scroll-view不能滚动问题
不给scrollview设置高度是不可以滚动的，单纯的flex1页不一定可以，需要添加一个实体高度，让其自动撑开。uniappx里弃用了scroll-x，以及scroll-y属性，用direction属性代替了；如果还是不可以，检查是否有scroll-view嵌套，以及父元素是否有实体高度。
2024-08-02 14:03:28
389
原创 css使用本地字体以及字体压缩
输入对应的html路径就可以了，之前的文件会被替换，然后生成一个包含原始字体文件的.font-spider文件夹。中文字体较多，动辄十几M。推荐使用字蛛进行压缩。英文在前，而且英文不能适配中文。右键html文件在终端中打开。
2024-07-31 12:00:34
275
原创 uniapp switch框 h5端样式冲突问题
解决方法也很简单，给颜色也拼接一个important。他有一个默认的important样式....
2024-07-26 11:21:00
197
原创 解决原生date输入框placeholder以及适配问题
解决原生date输入框placeholder以及适配问题，可以适配edge，chrome，safari等的浏览器
2024-07-23 11:49:29
129
原创 前端多语言适配
direction属性用于设置文本、表格列和水平溢出的方向。对于从右到左书写的语言（如希伯来语或阿拉伯语），应将该属性设置为rtl。对于从左到右书写的语言（如英语和大多数其他语言），则应将该属性设置为lrt。
2024-07-22 17:34:48
139
原创 overflow和flex搭配导致子元素缩小问题
这段代码没加overflow-y前子元素会正常显示。加了后会被挤压，因为overflow后盒子bfc导致.content盒子被flex:1 定高到100%;无法被子元素撑开，也会挤压子元素；将子元素flex-shrink设置为0即可。
2024-07-02 18:12:01
192
原创 获取object标签下的dom元素
contentDocument就是object自身的#document了，可以进行获取及操作，很方便给svg做动作。在嵌入svg的时候使用img不方便动态交互，直接放svg标签会影响可读性。个人推荐使用object标签嵌套；拿到object后，直接使用document是不能跨框架访问元素的。
2024-07-01 15:10:59
144
原创 Vue3路由跳转页面显示空白问题
A页面有template下有两个div，虽然V3声明可以多个div。但从A页面发起的跳转会失败，显示为空白。将router.push 字符串传参改为 {name：‘...’} 或者 {path：‘...’}就可。
2024-06-20 19:22:25
364
1
空空如也
h5页面ios端从其他元素滚到滚动元素，会卡住
2024-08-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人