# 致敬苹果iOS26，二维码也有了液态玻璃效果

今天凌晨，苹果推送了 iOS 26 正式版，界面迎来自 iOS 7 以来最大改动。其中最受关注的，就是新引入的 Liquid Glass（液态玻璃）效果：界面像玻璃一样通透、柔润、有层次，科技感十足。

但你可能没注意，其实在扫码时，你也能看到类似的效果。

草料二维码在前段时间的更新中，也将液态玻璃设计融入到了部分功能和样式中。你自己就能制作出这种质感的二维码内容。

## 码底部卡片悬浮胶囊样式

在码底部卡片选用“悬浮胶囊”样式，会呈现出半透明玻璃质感，胶囊边缘带有发光效果。让底部的操作入口悬浮于内容之上，层次分明，既不遮挡正文，视觉上又更干净，扫码者操作也更直观。

![file](https://blogcdnimg.clewm.net/2025/09/image-1758015251117_17580152524893.png)
图片说明：展示“日程安排”中选择“之江科技”后，跳转至该机构详情页的交互流程，含认证状态与联系方式等信息。

你还可以在卡片中添加公司logo和名称，让你的客户在第一眼就知道二维码来自哪家公司，增强信任感，留下品牌印象。

并且客户点击企业卡片后，可以直接跳转到企业资料页，查看电话、公众号、地址等联系方式，也可以直接跳转到分区首页，或是其他活码、网址、其他小程序、公众号文章等页面

## 更多样式已支持液化玻璃

除了底部卡片，我们对原来的样式库中的卡片样式也做了更新。 当二维码背景设置为深色或使用深色图片时，导航链接、联系方式、地图等卡片内容，将自动呈现液态玻璃样式，半透明的模糊效果与背景自然过渡，让页面看起来更整洁、内容更突出。

相比原先的纯色块，更加轻盈、自然，也让界面整体更和谐耐看。

![file](https://blogcdnimg.clewm.net/2025/09/image-1758014154192_17580141573928.png)
图片说明：左侧为医院健康宣教与新闻页面，右侧为钢筋焊接施工技术文档列表页，均展示移动端界面的典型内容布局与操作入口。

## 滑动时，也有效果

液态玻璃不仅静态好看，在滑动时也很有质感。

当你滑动二维码内容时，顶部导航条会呈现出“玻璃折射”的动态效果，增强页面流动感，让用户操作更顺滑。

![file](https://blogcdnimg.clewm.net/2025/09/image-1758014167263_17580141688113.png)
图片说明：左侧为“胡桃棕暖木地板”产品详情页，突出材质与工艺特性；右侧为“案例体验”功能页，展示会议签到、设备巡检等8类场景的快捷入口。

## 如何设置

以上功能均已上线，可以在活码编辑器中进行体验。

对于需要对外展示二维码的企业用户，如产品介绍、活动报名、业务介绍等，建议为这些活码加上底部卡片，不仅能提升视觉，更能增强信任与品牌存在感。

进入草料二维码管理后台，点击【设置】-【码底部条】，即可进行设置。

![file](https://blogcdnimg.clewm.net/2025/09/image-1758014188204_17580141897624.png)
图片说明：后台“码底部条”设置页，支持位置、样式、功能等自定义配置及保存。
