(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0f0406"],{"9c28":function(e,c,s){"use strict";s.r(c);var t=function(){var e=this,c=e.$createElement;e._self._c;return e._m(0)},r=[function(){var e=this,c=e.$createElement,s=e._self._c||c;return s("section",[s("h2",[e._v("介绍")]),s("p",[e._v("仅限于速停车事业部前端人员使用的 "),s("code",{pre:!0},[e._v("Web")]),e._v(" 组件")]),s("h3",[e._v("框架与组件开发介绍")]),s("h4",[e._v("框架介绍")]),s("p",[e._v("框架很多文件都是会根据开发者的操作，去实现一些自动化的步骤，提高开发效率。主要体现在 "),s("code",{pre:!0},[e._v("packages")]),e._v(" 文件夹下，文件的变化：")]),s("p",[e._v("1、在 "),s("code",{pre:!0},[e._v("packages")]),e._v(" 下新建文件夹时，会在该文件夹下自动创建开发所需要用的文件")]),s("p",[e._v("2、框架会自动去进行组件的 "),s("code",{pre:!0},[e._v("Vue")]),e._v(" 路由注册")]),s("p",[e._v("3、自动创建 "),s("code",{pre:!0},[e._v("packages/index.ts")]),e._v(" 和 "),s("code",{pre:!0},[e._v("packages/index.less")]),e._v(" ，去引用组件以及样式")]),s("h4",[e._v("组件开发介绍")]),s("p",[e._v("1、项目启动启动命令介绍")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":""}},[e._v('"scripts": {\n    "serve": "组件开发启动该命令",\n    "build:lib": "打包命令"\n  }\n')])]),s("p",[e._v("2、在 "),s("code",{pre:!0},[e._v("packages")]),e._v(" 文件夹下，新建组件文件夹。框架会自动生成一些文件如下：")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":""}},[e._v("index.vue   //组件主体\nindex.less  //组件样式\nindex.js   //暴露并且注册组件，该文件内容框架会自动生成，不需任何操作\nindex.md   //组件使用方法文档\ndemo/index.vue  //组件预览的文件\n")])]),s("p",[e._v("3、"),s("code",{pre:!0},[e._v("src/menuConfig/index.json")]),e._v(" 中，添加下你的组件所属归类，用于菜单栏展示(名称必须与组件文件夹名一致)")]),s("p",[e._v("4、"),s("code",{pre:!0},[e._v("css")]),e._v("命名使用 bem 规范，用法如下：")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":""}},[e._v("import { use } from '../utils/use';\nconst [bem] = use('cell');\nbem() // 'stc-cell'\nbem('text') // 'stc-cell__text'\nbem({ disabled }) // 'stc-cell stc-cell--disabled'\nbem('text', { disabled }) // 'stc-cell__text stc-cell__text--disabled'\nbem(['disabled', 'primary']) // 'stc-cell stc-cell--disabled stc-cell--primary'\n")])]),s("h3",[e._v("使用组件快速上手")]),s("p",[e._v("请参考 "),s("a",{attrs:{href:"#/quickstart"}},[e._v("快速上手")])])])}],_=s("6691"),n={},p=Object(_["a"])(n,t,r,!1,null,null,null);c["default"]=p.exports}}]);
//# sourceMappingURL=chunk-2d0f0406.6b800213.js.map