直接使用组件名命名，需要使用 - 连接，不能使用驼峰命名 例：
// 正确
swiper-action.vue
// 错误
swiperAction.vue直接使用组件名命名，需要使用 - 连接，不能使用驼峰命名，前缀需要加上 uni-
例：
// 正确
uni-swiper-action.vue
// 错误
swiper-action.vue
// 错误
uniSwiperAction.vue- config.js 组件配置
- uni-xxx.vue 组件文件
config.json 说明
{
"name":"Collapse", // 组件名称
"desc":"折叠面板", // 组件中文名称
"url":"collapse", // 组件地址 （为跳转地址，一般是组件名称，全消协）
"edition":"1.0.0", // 组件版本，每次修改版本号要递增
"path":"https://ext.dcloud.net.cn/plugin?id=23", // 插件市场地址
"module": ["uni-forms", "uni-forms-item", "uni-group","uni-icons"], // 组件包含依赖那些其他组件
"update_log":[], // 当前版本的更新日志，markdown 格式
"compilation":"#ifdef H5 || APP-PLUS || MP-WEIXIN", // 条件编译 ，在什么平台使用，或者在什么平台不使用这个组件
"update_log":["- 更新内容"], // 组件更新日志，只支持数组
"hidden":true, // 同步后 ，是否隐藏组件（一般是组件完成，但是需要同步的时候，需要设置为 true ，正常情况不需要写这个参数）
"suffix":"vue|nuve" // 同步后示例页面格式
}
"id": "2773",
"name": "Forms",
"desc": "表单",
"edition": "1.0.13",
"url": "forms",
"type": "表单组件",
"module": ["uni-forms", "uni-forms-item", "uni-group","uni-icons"],
"path": "https://ext.dcloud.net.cn/plugin?id=2773",
"update_log": ["- 修复 错误的ref导致找不到表单实例的Bug"],
"suffix": "vue"
如果组件依赖子组件且只有当前组件使用，需要放到当前组件目录，加后缀 -item，如：uni-calendar-item.vue
如果组件需要嵌套组件，如 uni-list 组件，子组件需要单独创建目录，参考 uni-list 、uni-list-item
如果只有当前组件依赖的文件，如js、wxs 等，都需要放到当前组件目录引用
- 尽量少使用外部js
- 控制组件体积
- 使用 sass 开发，统一使用全局 sass 样式
- 组件内如非必要，尽量不要使用 uni-ui 组件
- 组件内引用 improt ，文件后缀不能省略
- sass 不能使用 @mixin
- sass 不能使用 background: rgba($color: #000000, $alpha: 1.0)这样的语法
- 示例页面如果需要使用全局样式，必须 @import 不能定义在 App.vue 中
- 不能缺少 style 标签，即使没有样式
组件__模块-类别-功能-状态
- 所有的样式名需要组件名前缀,如：
<template>
<view class="uni-badge">
<!-- ... -->
</view>
</template>组件名应为最外层元素的类名
- 大功能模块需要 __ 两个下划线连接 如：
<template>
<view class="uni-badge">
<view class="uni-badge__container">
<!-- ... -->
</view>
</view>
</template>- 功能细节需要用 - 连接线连接 如：
<template>
<view class="uni-badge">
<view class="uni-badge__container">
<view class="uni-badge__container-list">
<view class="uni-badge__container-list-item"></view>
<view class="uni-badge__container-list-item"></view>
<view class="uni-badge__container-list-item"></view>
<view class="uni-badge__container-list-item"></view>
</view>
</view>
</view>
</template>- 状态样式需要用 -- 双连接线 如：
<template>
<view class="uni-badge">
<view class="uni-badge__container" :class="['uni-badge--success']">
<!-- ... -->
</view>
</view>
</template>状态样式如：动态增加删除的类名，区别主样式的类名
- 公用样式需要 uni- 前缀 如：
<template>
<view class="uni-badge">
<view class="uni-color--red uni-ft--12 uni-style--border"></view>
<!-- 公用的颜色、公用的字体大小 、公用的边框样式-->
</view>
</view>
</template>Tips
- template 模板内必须使用双引号
- 类名需要小写 连接符只能为 '__'、'-'、'--'
- 尽量不要在一个函数内出现大段代码
- 变量命名使用 小驼峰，尽量不要使用 _ 下划线命名变量名如： setColor()
- 函数名只能在 函数名之前使用 _ 表示私有 ，如： _fun()
- js内使用字符串使用单引号
- 如果使用分号，所有都要用分号，如果不用，就全都不要用
/**
* 这里是一个组件描述，会在提示标签的时候显示
* @description 这里也是一个组件描述
* @tutorial https://uniapp.dcloud.io/api/media/image?id=chooseimage
* @property {String} type = [button|input|] 这里是属性描述
* @value button adsjklfajdslfkajsdklf
* @value input aldksjfalkdsjflkajsdflkj
* @event {Function(Object,String)} tap 这是是事件描述
* @example 这里是示例代码
*/