SwAdLabel
广告位四要素
- 使用场景：合规标识（非广告位）——各
SwAd*按showAdLabel内部渲染；自建非标位需合规标识时直接用（overlay 形态容器需position: relative）- 业界形态：Ad badge / label（合规要求，非投放形态）
- 表现形态：角落「广告」浮层小角标（overlay，图类）/ 行内小标签（inline，文字类）
- 打点事件：无（纯标识组件，不上报）
选错场景 = 埋点
ad_type/ 时机全错。按场景选组件见 广告组件选型。
SwAdLabel 是「广告」合规角标组件，渲染一个标注广告身份的小角标（广告法合规要求）。各 SwAd* 组件默认渲染它（showAdLabel 不传时跟随全局 swiftConfig.ad.showLabel，默认 true；素材图自带标识的站点全局关闭）；自定义广告位时也可单独使用。
overlay 浮层角标（图类广告位）
加载中...
inline 行内标签（文字类广告位）
加载中...
自定义文案（赞助 / AD / 推广）
加载中...
Props
| 名称 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
text | string | '广告' | 角标文案（如 '推广' / '赞助'） | |
variant | 'overlay' | 'inline' | 'overlay' | 形态：overlay 深底白字浮层（图类，容器需 position: relative）/ inline 行内小标签（文字类，token 配色明暗自适应） |
使用示例
<!-- 默认「广告」（overlay 浮层，图类广告位） -->
<SwAdLabel />
<!-- 行内形态（文字类广告位：跟随文字流，不糊字） -->
<SwAdLabel variant="inline" />
<!-- 自定义文案 -->
<SwAdLabel text="推广" />
CSS 变量
| 变量 | 默认值 | 说明 |
|---|---|---|
--sw-ad-label-z | 10 | overlay 形态角标层级（合规 chrome，默认压在创意之上） |
注意事项
- 优先用
SwAd*组件的showAdLabelprop —— 各广告组件内置该角标，无需手动叠加。仅自定义广告位才单独用SwAdLabel。 - 形态按广告位类型选：图片类（Banner / Mrec / Icon / Native / Popup…）用默认
overlay；文字类（自建文字链 / 滚动条）用inline——overlay 浮层会糊住一行高的文字（SwAdText/SwAdMarquee内部已自动用 inline）。 - 这是广告底座里最简单的展示型组件，无事件、无埋点。