geo-view-design-hbgb v0.0.1

geo-view-design

Project setup

npm install geo-view-design@latest --registry http://172.17.0.155:9090

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Compiles and hot-reloads storybook for development

npm run sb

build storybook

npm run  build-sb

Customize configuration

See Configuration Reference.

样式部分

• 样式原则上禁止使用id选择器，尽量使用类选择器。
• 每一个vue文件的dom根节点都需要有一个对应的类包裹，并且该类名应避免与其他文件重复。
• 类名称、dom名称、dom属性和事件名称都应该使用小写字母和中划线方式命名，禁止使用驼峰等其他命名方式。
• 样式必须加上scoped避免污染，重写第三方组件（如element-ui）样式时除外。
• 禁止使用/deep/，尽量避免不必要的!important。

示例代码

<template>
  <div class="geo-table">
    <div class="some-class"></div>
  </div>
</template>

<style lang="scss" scoped>
.geo-table { // geo-table 为组件名 geo-xxx
  .some-class {
    //...
  }
}
</style>

<style lang="scss">
.geo-table {
  // 重写element-ui样式 // 外层 一定要套一层 组件名geo-xxx
}
</style>


<template>
  <div class="geo-picture">
    <div class="some-class"></div>
  </div>
</template>

<style  scoped>
.geo-picture { // geo-picture 为组件名 geo-xxx
  
}
</style>

<style >
.geo-picture {
  // 重写element-ui样式 // 外层 一定要套一层 组件名geo-xxx
}
</style>