t1-ui

内部组件库 t1-UI组件

Usage no npm install needed!

<script type="module">
  import t1Ui from 'https://cdn.skypack.dev/t1-ui';
</script>

README

UI

发布

npm publish

自动改变版本

npm version patch

属性的命名

组件属性大多数都是 xxBgType xxType xxSize xxStyle 这样的格式

  • bgType 对应的是背景主题；
  • type 对应的是颜色主题；
  • size 对应的是尺寸主题；
  • style 是自定义样式；

title标题 width宽度 height高度 bordered是否展示边框 size尺寸 style是自定义样式； color颜色 icon自定义图标 text文本

required: true 是否必须

为了减少页面代码 请将t-base.scss 引入全局css

Vue 组件命名

组件的命名需遵从以下原则：

  • “t-” 开头

  • 有意义的 : 不过于具体，也不过于抽象

  • 简短 : 2 到 3 个单词

  • 具有可读性 : 以便于沟通交流

    package.json

  • version：当前发布的版本号，项目每次改动后需要修改版本后再发布, 我一开始用1.0.0就不行， 默认要0.0.1开始才能上传

  • name: 包名只能小写, 不能和npm所有的的包名重复，我一开始用tool-cli，发现上传失败，别人占用了就不行了。

  • main：主入口文件，定义你的包入口文件

  • 项目这边准备完毕之后需要到 npm 官网 注册一个账号，记住你的 username 和 email，注册完毕之后会给你的邮箱发送一封验证邮件，需要点击一下。完毕之后登录一下，就可以进行下面的上传工作了。

npm install t1-ui

登录

npm login svipc wxdbngt... 1803854237@qq.com

自动改变版本

npm version <update_type> 具体体现为： 对于"version":"x.y.z" 修复bug,小改动，增加z 变为1.0.1 npm version patch

 增加了新特性，但仍能向后兼容，增加y 变为1.1.0
 npm version minor
 
 有很大的改动，无法向后兼容,增加x 变为2.0.0
 npm version major