vue-components

mycomponentsvue

my vue components:包含一些不常用到的交互，做到拿来即用

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

使用

npm install mycomponentsvue --save

在main.js中引入

import mycomponents from 'mycomponentsvue'

Vue.use(mycomponents)

在页面中调用

eg:

<inputSearch v-model="data"></inputSearch>

更新淘宝镜像

cnpm sync vuefabricmodule

自己发布了NPM包，有小伙伴反应，如果是TB源，CNPM上无法获取，不是最新等问题。 排查了下，原来是 CNPM有时候 不能及时同步。 所以需要自己去手工拉取下。 cnpm镜像.

依赖

[email protected].

字体规范

字体应用iconfont-tools编译后的base64图片而不是字体文件；

iconfont字体包下载后使用【iconfont-tools】命令步骤如下：

设置输出文件夹名称：input
设置输出文件css文件名称：zhiconfontsvg
设置css文件的prefix:zhiconfont
设置字体的大小：16px
是否生产小程序原生组件:NO
*再把/assets/input/zkiconfontsvg.css 就是最终引入文件

上线发包流程

1.改pagckage.json版本号；
2.填写版本记录发布内容；
3.npm run build 生成js生成环境文件；
4.git add . 
  git commit -m 'vxx.xx.xx'
  git push origin master
5.npm publish --otp=xxxxxx;

Changelog

2023.07.24

v0.0.13 * 项目更新dragGroup组件（2级图层拖拽排序）

• 逻辑添加
• 规则描述
• 交互引用

2023.08.11

v0.0.14 * 项目新增组件zTag -可以定制样式，暂时不可点击

2023.08.11

v0.0.15

• 去除zTag
• 新增复杂组件选择颜色

2023.09.12

v0.0.16

• 动画组件：Png序列帧、lottie动画、svg动画
• 表单数字限制输入控制

v0.0.17

• 动画名称未对应

2023.09.19

v0.0.18

• 新增拖拽弹窗组件dragDialog