44 lines
785 B
Markdown
44 lines
785 B
Markdown
第一步:引入组件
|
||
|
||
import chooseImgOne from '@/components/choose-imgs/choose-img-one.vue';
|
||
|
||
第二步:注册组件
|
||
|
||
export default {
|
||
components:{
|
||
'choose-img':chooseImgOne
|
||
}
|
||
}
|
||
|
||
第三步:使用组件
|
||
|
||
<template>
|
||
<view>
|
||
<choose-img
|
||
showAmount="3"
|
||
:ifTitle="false"
|
||
imgR="10rpx"
|
||
imgN="9"
|
||
addNum="0"
|
||
@chooseImg="chooseImg"
|
||
></choose-img>
|
||
</view>
|
||
</template>
|
||
|
||
参数说明
|
||
|
||
showAmount:一排显示多少张,默认3张图
|
||
ifTitle:是否显示图片标题,默认不显示
|
||
imgR:图片圆角,默认10rpx
|
||
imgN:一次选择图片张数1~9,默认9
|
||
addNum:哪种添加图标,默认0
|
||
|
||
方法说明
|
||
|
||
export default {
|
||
methods:{
|
||
chooseImg(arrImg) {
|
||
console.log(arrImg);//返回的是数组图片
|
||
}
|
||
}
|
||
} |