graceFormCell
就是以前的cell同样功能版本,用于展示text 效果数据 : [文本名称] [文本值]
使用方法:
<cell title="姓名" :value="name"></cell>
graceHeaderAlert
alert也不容之前好用了,uni自带的alert太难看了,使用graceUI的Alert
使用方法在最后一个</view> 之前插入
<graceHeaderAlert ref="alert"/>
引入util.js
在调用的地方使用
u.alert(this,'msg')
graceImage
图片和放大服务,使用比较简单 ,引入即可
<graceImage :src="地址" title="图片名称"></graceImage>
graceSelectImageAndUpload
图片上传,上传到七牛云,返回七牛云的key,选择后自动上传,可以上传多个
<graceSelectImgAndUpload :items="type40" type="40" @uploaded="upload"></graceSelectImgAndUpload>
maxFileNumber 允许选择的图片,默认值唯一
type 图片类型,回调参数回带
uploaded回调方法
items 默认的图片,如果编辑就是之前传入的图片 可以是数组或者对象
-------------------------------------------------------------------
回调参数imgs 包含 图片type,图片在 七牛云的key,上传完成后给一个uploaded=true 回调就不再上传了
upload(imgs) {
imgs.forEach(img => {
if (!img.uploaded) {
img.uploaded = true
req.post('/file/uploadFile/{0}?customerId={1}&type={2}&mediaId={3}', s.userId(), this.customer, img.type,
img.serverId)
}
})
},
// 初始化item方法
req.get('/costumer/query?customerId=' + this.customer, (data) => {
this.name = data.customer.name
// 数据返回的,参数拿到之后,获取返回对象即可
// 如果是一个图片就等于对象
// 如果是多个图片就数据添加
for (let i = 0; i < data.files.length; i++) {
let obj = data.files[i]
if (obj.path && obj.type < 60) {
this['type' + obj.type] = u.getImageData(obj, data.token)
}
if (obj.type > 59 && obj.type < 85) {
this['type60'].push(u.getImageData(obj, data.token))
}
}
})
graceSelectMenu
下拉菜单,没啥介绍比较简单
<graceSelectMenu :val.sync="carLotInfo" :items="carLotInfos"></graceSelectMenu>
一个重要的就是val.sync 这样子组件就可以改变父组件的值了
项目自己的组件
list-icon
用户列表的用户图标
<listIcon :name="item.carlotName"/>
attachment