Skip to content

Varlet 版

基于 Varlet 3.x 的移动端 H5 应用。

特点

  • Varlet 组件 完全按需加载,通过 VarletImportResolver 自动注册和注入 CSS,无需 app.use(Varlet)
  • Material Design 风格
  • 内置 Snackbar API 式组件

运行

bash
pnpm dev:varlet

默认端口:5779

按需加载说明

ts
// bootstrap.ts — 无需全量注册,VarletImportResolver 自动处理
import "@vh5/styles/global";
// ❌ 不再使用 app.use(Varlet) 和全量 CSS 导入

使用的 Varlet 组件

组件用途
var-app-bar顶部导航栏
var-bottom-navigation底部标签栏
var-cell商品列表 / 列表项
var-swipe轮播图
var-input输入框
var-image图片展示
var-button按钮
var-space间距布局
Snackbar消息提示(API)

Released under the MIT License.