BaseUI开发说明

1. 目录介绍

-src
|-api //接口
|-assets //scss样式
|-components //组件目录
|-routes //路由
|-stores //pinia store
|-hooks //hooks

2. 样式

• 所有样式必须使用scss编写。
• 样式命名使用BEM规范。
• assets目录存放通用样式。
• 组件样式不要写在assets目录下。
• _colors.scss是颜色库，高度抽象。最好不要直接使用这里的变量。
• _variables.scss是变量库。组件使用这里的变量。定义时需要注意要有dom含义. 例如：$app-block-border-color:colors.$app-color-gray200; //边框颜色。
• 请不要使用px单位，统一使用rem。html的font-size为10px

3. 组件

• 所有vue组件必须使用defineOptions声明name属性。

defineOptions({
  name: 'xxxx',
})

• 组件样式不要使用scope。
• 组件样式必须使用scss。

4. 导出

• 所有需要导出给外部使用的函数(vue组件)都需要在src/index.js中声明。

5. 编译

• 在项目根目录执行 pnpm bb。