wxsub.com studios logo
全部
布局
工具
内容
挂件
动画

官方应用

发现 官方应用 分类的 Widget 组件

文章列表

展示站点已发布的文章列表,支持列表/卡片/网格/极简四种布局,点击条目进入文章详情页

0 0

容器

通用布局容器,等价于一个 <div>:透传任意原生属性(class/style/id/aria-*/data-* 等)到底层元素,子 Widget 通过 TreeNode children 嵌套渲染在其内部;用于分组、排版、留白与栅格布局,可无限嵌套

0 0

倒计时/纪念日

倒计时/纪念日挂件:countdown 模式距目标日期倒计时(天/时/分/秒数字块,自动刷新,到点显示结束文案);elapsed 模式自目标日期起已过天数大数字展示(恋爱纪念日、站点运行天数、坚持打卡天数等);card 形态为彩色数字块,plain 形态无底色纯文字

0 0

页脚

站点页脚,提供极简条 simple、多栏 columns、居中 center 三种形态,展示站点名/简介、链接分组、社交图标、版权与 ICP 备案;站点名与简介未配置时自动读取站点信息兜底

0 0

图集列表

展示站点已发布的图集列表,支持网格/瀑布流/横排/轮播四种布局,点击图集卡片进入 /gallery/{uid} 详情页浏览图片

0 0

图片

渲染单张图片(配图 / banner / 照片),内置懒加载(进入视口才加载)、加载转圈、加载失败占位与无障碍 alt,可选图注、圆角、点击跳转;单张图片场景优先使用本 widget 而非 v-img

0 0

列表

通用列表展示(导航菜单/友链/联系方式/功能清单/书签收藏),条目支持图标、头像图片、副标题与点击跳转;items 内可混排 subheader 项实现分组,适合侧栏导航与信息清单场景

0 0

Live2D 看板娘

Live2D 看板娘挂件,渲染于页面中 widget 所在位置(不做屏幕固定悬浮,通常建议放置在页面左下角等角落区域),视线跟随鼠标、点击头部/身体触发动作;内置 14 个精选模型(雷姆、茵蒂克丝、康娜、血小板、和泉纱雾、雪未来、凉风青叶、干物妹小埋、香风智乃、时崎狂三、鹿目圆、22 娘、涅普迪努、尤莉),站点编辑者可点击挂件上的设置按钮按预览图挑选形象并即时生效,选择存入站点数据,访客自动看到所选形象

0 0

站点 Logo

站点标识展示,自动读取站点标题和 Logo 图片,无 Logo 时显示文字标题;支持自定义宽高与圆角

0 0

音乐播放器

站点背景音乐播放器,支持胶囊/卡片/通栏/歌单四种形态,胶囊模式悬停展开播放卡片与歌单;library 模式下站点编辑者可在页面 UI 直接管理曲库(空态/歌单尾部"添加音乐"上传音频或填外链,悬停曲目删除),也可用 AI 数据工具维护

0 0

导航条

站点导航条,导航项自动取自用户已安装的空间应用(按 sort_order 排序,点击跳转对应路由),支持 tab 标签页、drawer 侧边抽屉、qq 透明纯文字横排导航三种展现模式

0 0

公告栏

站点公告栏:喇叭图标 + 公告文字条,支持多条公告以圆点分隔展示;开启 scroll 后内容超出容器宽度时自动跑马灯无缝循环滚动(鼠标悬停暂停),每条公告可配置点击跳转链接(站内路由或外链)

0 0

操作栏

用户操作栏,桌面端显示登录按钮或头像菜单,移动端显示汉堡菜单下拉抽屉

0 0

个人档案

个人档案展示:hero 形态为频道主页风格头图(封面横幅 + 浮出圆形头像 + 昵称 + 简介 + 社交图标),card 形态为档案卡(头像 + 昵称 + 简介 + 联系方式列表 + 社交图标)。默认无背景无边框、透明融入宿主容器(outlined 开启卡片容器);library 模式读取站点档案数据(缺省字段自动兜底站点名称/头像/简介,开箱即用),站主可通过 AI 对话或数据工具维护档案

0 0

引用

带引号装饰的引用/名言/短句展示(说说、签名档风格),左上/右下装饰引号跟随文字颜色、透明无背景,可嵌入任意底色容器;适合展示座右铭、诗句、站点签名、访客留言摘录等内容

0 0

迷你趋势图

sparkline 迷你趋势图(无坐标轴的小折线/条形图),双数据源:inline 直接内联数值数组(打卡记录、运动数据等用户自有数据);model 读取站点系统统计——按用户需求自选数据模型(最近创作趋势/作品浏览量),适合"我的创作趋势"、"作品热度"等数据点缀展示

0 0

选项卡

分段切换标签栏:tabs 声明标签列表,节点 children 按顺序作为各标签对应的面板内容(第 1 个标签对应第 1 个子节点,依此类推,数量须一致),点击标签切换显示对应面板,默认展示第 1 个;标签放不下时自动换行展示,适合在同一区块内切换多组内容(如 文章/图集/视频)

0 0

时间线

历程/大事记时间线展示(成长经历、旅行足迹、站点更新日志等),圆点图标与颜色逐项可控,时间文案显示在轴线对侧;items 数据内联驱动,适合"关于我"页面的历程类内容

0 0

视频列表

展示站点已发布视频(读取 videos 数据:封面、时长、播放量、分类、置顶),点击进入 /video/:uid 播放详情页;置顶视频自动靠前,支持栅格卡片/横排/极简三种布局与分页

0 0

访客统计

访客计数挂件,展示"今日访客/访客总量"两个指标;counter 模式自动记录真实到访(访客进入页面即计数,同一浏览器每日只计一次),inline 模式手动内联数值做装饰性人气值;badge 紧凑横排适合挂在页脚/角落,card 卡片适合内容区展示

0 0

访客足迹

最近访客足迹列表("谁看过我"式访客列表):展示到访时间(相对时间)、脱敏 IP、访问页面与来源终端(如 Chrome · Windows),数据由访客进入站点时自动记录(同一浏览器每日只记一次),服务端最多保留 50 条;badge 紧凑计数可搭配 visitor widget 使用

0 0

天气

天气信息展示(城市、当前温度、天气状况、湿度、风向风力、空气质量 AQI),bar 紧凑横条、card 大卡片、mini 极简三种形态;AQI 按国标自动分六等配色。数据已接入心知天气实时数据(服务端代理 + 30 分钟缓存),挂载后自动定位拉取并每 30 分钟刷新,通常保持默认配置即可;city 默认 auto 跟随访客自动定位(浏览器定位,未授权时按访客 IP 兜底),仅站主明确要求固定展示某城市时才填城市名;temperature/condition/humidity/windDirection/windScale/updatedAt/aqi 等数据属性仅作为接口不可用时的兜底展示,无需填写。AQI 无实时数据源,实时数据加载成功后自动隐藏 AQI 区块。【占位预估(重要,设计容器前先确认空间足够)】bar 形态:单行高约 46px,宽度随内容自适应,全字段展开约 420-520px、仅保留城市+温度+状况约 240-280px,容器宽度建议 ≥300px;card 形态:宽度自适应容器(建议容器宽 ≥240px),高约 330-360px(插画+大温度+指标条),不要放入高度低于 360px 的容器,空间紧张时优先用 bar;mini 形态:触发器约 110-150px 宽、34px 高(图标+温度+状况),鼠标移入/聚焦后在上方弹出液态玻璃详情浮层(约 240×220px,含城市、温度、湿度、风力、AQI),适合页角/图标栏等极小空间,但上方需预留浮层空间

0 0

收藏空间按钮

胶囊状收藏按钮(需登录,未登录点击自动跳登录页):一键收藏/取消收藏当前站点;形状/尺寸/图标/文案可配,明暗自适应站点主题(浅色黑字描边胶囊,已收藏变 primary 蓝实心白字)

0 0

文字轮播

垂直滚动文字轮播:词语在单行高度窗口内依次向上切换,滑动越过目标后轻微回弹落位(还原官方首页节奏,末尾回绕无缝循环),适合在标题/横幅文案中轮换关键词(如"个人主页/博客/作品集");字体大小与字重完全继承外界容器文字样式,宽度自适应最长词

0 0