SwAdBanner · 横幅(多 item 自动接 SwCarousel 轮播)
广告
width 100% · ratio 随 item.ratio / prop(示意 8:3)
SwAdMrec(300×250 中矩形) & SwAdNative(原生信息流卡)
ratio 默认 300/250(IAB MREC)
封面 ratio 默认 16/9 · layout: banner-list / grid
SwAdText · 文字链(行尾 inline 角标不参与收缩)
今日爆款直播间整点抽奖,点击进入领取专属福利 广告 新用户注册立减 30 元,超长文案会被截断成省略号但角标仍然完整露出 广告
SwAdFloating · 侧边悬浮(实际 fixed 吸边,此处为容器内静态示意)
页面内容区
广告
--sw-ad-floating-width 默认 3.75rem(60px)· pos-left / pos-right · ratio 默认 1/1
SwAdLabel · 合规角标两形态
广告 广告 AD

结构样式(.slide / .card / .title / .desc / .foot / .item / .label 与 SwAdLabel 全部视觉)均自 SFC 源码提取为框架内置; 渐变色块为 SwImage 创意图占位、Floating 的容器内 absolute 均为静态示意。 整族还有:SwAdSplash(开屏)/ SwAdPopup(弹窗)/ SwAdPreroll(贴片)/ SwAdPause(暂停贴)/ SwAdMarquee(跑马灯)/ SwAdIcon(挂件),及私有基类 AdOverlay / AdPopupBase。 共同 props:items / slot-key / ratio / radius / show-ad-label(+ Banner/Mrec: autoplay、Native/Text: layout);全族内置 useAdTrack 曝光 / 点击埋点。