Skip to content

自定义组件 ​

pages.json 的 easycom 将 d-* 映射到 @/components/d-$1/d-$1.vue,页面里可直接写标签名。下列名称均来自 uniapp/src/components/。

业务组件(d-*) ​

目录用途
d-agreement-check登录/注册协议勾选(链到协议页)
d-avatar-upload头像选择并上传
d-empty空状态(文案 + 可选操作按钮)
d-image-preview图片网格预览 / 删除
d-ledger-list余额 / 积分流水列表
d-list-loader列表加载中 / 没有更多 / 空态
d-page页面容器(主题 CSS 变量、安全区)
d-pay-result支付成功 / 失败结果展示
d-payment-popup底部弹出:选微信或支付宝并确认支付
d-phone-login手机号 + 短信验证码登录表单
d-price价格展示(分转元,支持划线价)
d-wechat-login微信小程序登录按钮(调 uni.login 后换 token)

其它目录 ​

目录用途
tabbar/自定义 TabBar(AppTabBar.vue)
diy/装修渲染:DiyRenderer.vue 与各类 diy-* 积木(轮播、宫格、富文本、用户信息卡等)

业务专用 UI 优先放在对应 modules/*/components/(若有),公共可复用的再进 components/,并保持「一目录一入口 d-xxx.vue」以便 easycom 扫描。

基于 MIT 许可发布