更新记录

1.0.9（2025-05-12） 下载此版本

修改说明

1.0.8（2025-05-12） 下载此版本

补充ui说明图片

1.0.7（2025-05-12） 下载此版本

扩充了UI组件

平台兼容性

zcg-plug-in

工具函数

在 main.js 文件中添加以下代码

import zcgTools from "uni_modules/zcg-plug-in/index.js"

Vue.use(zcgTools)

页面使用

uni.$zcgTool.XXX

工具函数具体使用

1.手机号分割，例如 -->182 9999 999

uni.$zcgTool.formatPhoneNum(xxx,'')

2.数字增加千分符，例如 8888888-->8,888,888

uni.$zcgTool.transNum(xxx)

3.数字去除千分符，例如 8,888,888-->8888888

uni.$zcgTool.delcommafy(xxx)

4.数字补两位小数零，例如 888-->888.00\888.7-->888.70

uni.$zcgTool.returnFloat(xxx)

5.过滤对象中为空，例如{
  name:'李四',
  age:'18',
  hobby:''
} --->{
  name:'李四',
  age:'18',
}

uni.$zcgTool.filterObj(xxx)

6.深拷贝

uni.$zcgTool.deepClone(xxx)

7.二维码步骤

7.1 创建一个画布，将它移出屏幕外看不到的地方

<canvas type="2d" canvas-id="myQrcode" style="left: -800px; position: absolute" />

7.2配置参数输出图片

new uni.$zcgTool.zcgQRCode('myQrcode', { text: '赵无极,16666666666', width: 120, //canvas 画布的宽 height: 120, //canvas 画布的高 padding: 8, // 生成二维码四周自动留边宽度，不传入默认为0 correctLevel: uni.$zcgTool.zcgQRCode.CorrectLevel.L, callback: (res) => { console.log(res.path)//res.path 就是输出的图片 }, })

ui 组件

在 main.js 文件中添加以下代码

import zcgTools from "uni_modules/zcg-plug-in/index.js"

页面使用

<zcgTable />

ui 组件具体使用

1.表格

columns:slot->插槽、key->后端对应的字段、ellipsis->是否显示省略号、width->每列的宽度、align->文字对其方式、name->表头标题 data:后端数据 <zcgTable :columns="columns" :data="data"

<template #插槽名称="{row}"> {{ row.插槽名称}} > >

2.描述

columns:name->标题、key->后端对应的字段、 isShow->是否显示、namePosition->标题位置：top|left 、solt->插槽 data:后端数据 arrange:显示列数 <zcgDescribe :columns="columns" :data="data" :arrange="1"

<template #插槽名称="{row}"> {{ row.插槽名称}} > > >