组件示例

开发指南

DHdesign 介绍

DHdesign 把移动端和 PC 端组件收进同一套接入规范，业务项目不用再分别维护 Vant、Element Plus 的入口和样式。

统一入口组件从公司包接入
样式收口主题和局部覆盖在包内维护
双端延续移动端、PC 端按原组件习惯使用

接入原则

业务项目后续只从 @szhn/dh-design-mobile 引入组件，不再直接处理 Vant 的组件入口和样式覆盖。

在应用入口按需注册后，移动端继续使用 van- 标签，PC 端继续使用 el- 标签。

pnpm add @szhn/dh-design-mobile

import { createApp } from 'vue'
import { Button } from '@szhn/dh-design-mobile'

const app = createApp(App)
app.use(Button)

业务接入

业务代码只认公司组件包，避免每个项目重复处理第三方组件入口。

样式维护

默认主题、局部覆盖和文档示例放在同一套规则里，后续调整可以集中处理。

当前覆盖范围

ButtonFormFieldCellPopupCheckboxRadioSwitchCalendarCascaderDialogToastTabbar