自定义组件
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 扫描。