---
uuid: "54acdea3-8772-4274-ab67-27836e7a819a"
type: "concept"
title: "致敬苹果iOS26，二维码也有了液态玻璃效果"
sidebar_position: 3
description: "苹果iOS 26带来液态玻璃视觉风格。草料二维码也在近期更新中引入了类似的半透明玻璃质感设计，包括码底部悬浮胶囊样式等，你可以在不改动内容的情况下，直接为自己的二维码页面换上这种视觉效果。"
keywords:
  - 草料二维码液态玻璃样式
  - iOS26二维码设计
  - 草料二维码页面美化
  - 码底部悬浮胶囊样式
  - 二维码视觉风格
cl_old_blog_id: "104220"
cl_old_blog_url: "https://cli.im/article/detail/2456"
last_update:
  date: "2025-09-30"
---
今天凌晨，苹果推送了 iOS 26 正式版，界面迎来自 iOS 7 以来最大改动。其中最受关注的，就是新引入的 Liquid Glass（液态玻璃）效果：界面像玻璃一样通透、柔润、有层次，科技感十足。

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

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

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

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

![致敬苹果iOS26，二维码也有了液态玻璃效果](https://blogcdnimg.clewm.net/2025/09/image-1758015251117_17580152524893.png)

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

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

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

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

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

![致敬苹果iOS26，二维码也有了液态玻璃效果](https://blogcdnimg.clewm.net/2025/09/image-1758014154192_17580141573928.png)

## 滑动时，也有效果

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

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

![致敬苹果iOS26，二维码也有了液态玻璃效果](https://blogcdnimg.clewm.net/2025/09/image-1758014167263_17580141688113.png)

## 如何设置

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

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

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

![致敬苹果iOS26，二维码也有了液态玻璃效果](https://blogcdnimg.clewm.net/2025/09/image-1758014188204_17580141897624.png)