mand-mobile-next
面向金融场景，基于 Vue 3.0 移动端组件库
文档
开发
yarn
# then
yarn dev- 推荐使用 volar 作为开发
Vue3的插件，获得更好的类型推导 - 禁用
vetur在当前工作区，防止与volar冲突
构建
yarn build新建组件
yarn gen ${name}组件间相互引用
import Icon from 'mand-mobile-next/icon'单元测试 / 快照WIP
编写组件文档
其他
example
参考文档
component 进度
TODO
- husky commit 校验
- 按需加载打包
- 组件开发任务分配
- 组件类型构建
- 额外的
CSS片段移除，rollup-plugin-vue对stylus的处理有问题，得额外注入样式变量 -
esbuild构建Vue(esbuild 不支持 umd，是否兼容？个人觉得 esm/iife 即可) - 样式梳理以及金融 4.0 设计规范对接
代码片段
.selector {
/* Positioning */
position: absolute;
z-index: 10;
top: 0;
right: 0;
/* Display & Box Model */
display: inline-block;
overflow: hidden;
box-sizing: border-box;
width: 100px;
height: 100px;
padding: 10px;
border: 10px solid #333;
margin: 10px;
/* Color */
background: #000;
color: #fff
/* Text */
font-family: sans-serif;
font-size: 16px;
line-height: 1.4;
text-align: right;
/* Other */
cursor: pointer;
}