随笔分类 -  css

uniapp的rich-text在渲染长数字与长字母时不换行
摘要：在rich-text的容器上新增 容器 容器 容器 不是rich-text组件本身 word-break: break-all; word-wrap: break-word; 出现此问题是因为浏览器将其视为了一个单词所以未进行换行 阅读全文
posted @ 2025-11-18 18:23 橙汁不加糖 阅读(20) 评论(0) 推荐(0)
使用page-meta为u-popup的遮罩层添加穿透屏蔽
摘要：根节点下添加page-meta <page-meta :page-style="overflow:${showAll ? 'hidden' : 'visible'};"></page-meta> 在打开u-popup时将变量showAll 设置为true即可 关闭时记得解开 阅读全文
posted @ 2025-11-12 15:36 橙汁不加糖 阅读(14) 评论(0) 推荐(0)
uniapp转译微信小程序动态样式语法问题（:style）
摘要：这样书写之后编译成微信小程序时会出现一下情况 造成此类原因是因为 我们直接给了一个对象而不是字符串（即直接给字符串不会出现此类问题） 而微信不能直接识别 所以直接在动态赋值时加上中括号 阅读全文
posted @ 2024-04-10 16:27 橙汁不加糖 阅读(275) 评论(0) 推荐(0)
解决H5页面点击时出现蓝色底
摘要：// 安卓body{ -webkit-tap-highlight-color:rgba(0,0,0,0); } //IOS a:focus,input:focus,p:focus,div:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webki 阅读全文
posted @ 2023-05-25 18:05 橙汁不加糖 阅读(318) 评论(0) 推荐(0)
swiper自滑动 自由模式 loop循环 反向滑动
摘要：var swiper = new Swiper(".myswiper_fx", { slidesPerView: 'auto', freeMode: true, speed:6000, autoplay: { delay: 2500, disableOnInteraction: false, }, 阅读全文
posted @ 2023-05-23 16:46 橙汁不加糖 阅读(528) 评论(0) 推荐(0)
HTML踩坑笔记（持续更新）
摘要：超出最大宽度的flex盒子 不可使用justify-content属性 否则会出现移动端时拉不到头的问题 阅读全文
posted @ 2023-05-19 17:31 橙汁不加糖 阅读(18) 评论(0) 推荐(0)
文本溢出处理
摘要：单行 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行 overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-c 阅读全文
posted @ 2023-05-15 14:02 橙汁不加糖 阅读(33) 评论(0) 推荐(0)