更新记录

1.0.0（2026-10-10） 下载此版本

• 首次提供智能骨架屏 uni-app（Vue2/Vue3）配套组件
• 与 y0218-smart-skeleton（uni-app x）API 一致，支持布局文件绘制、列表 repeat、流光与暗黑主题

平台兼容性

uni-app x

其他

智能骨架屏（uni-app）

开发时从本机 H5 采集真实布局，运行时只按 skeleton/{id}.layout.json 画灰色块。适用于 uni-app（Vue2 / Vue3）。

uni-app x 请使用配套插件：y0218-smart-skeleton

安装

将本插件放入项目 uni_modules/y0218-skeleton-vue。HBuilderX 4.19+，easycom 自动生效，组件标签为 smart-skeleton。

用法

<smart-skeleton name="order-card" :loading="loading" :repeat="orders.length" :repeat-gap="12">
  <order-card :item="orders[0]" />
</smart-skeleton>

布局需先注册：

import { setSkeletonLayout } from '@/uni_modules/y0218-skeleton-vue'

setSkeletonLayout('order-card', layoutJson)

建议在 skeleton/install.js 里批量注册，并在应用入口引入。

主要属性

采集

配套 CLI（npm）在开发期连接本机 H5，用 Playwright 采集布局并写入 skeleton/*.layout.json。smart-skeleton.config.json 中 pluginId 设为 y0218-skeleton-vue。

说明

• 仅支持 uni-app（Vue2 / Vue3）；uni-app x 请用 y0218-smart-skeleton
• 本插件不采集任何数据，无广告，无系统权限申请
• 标价 0，源码可见