appApplet/components/choose-imgs
吃肉的饺子 7f3baf2304 优化购物车滑动组件 2022-05-21 13:29:44 +08:00
..
choose-img-one.vue 优化购物车滑动组件 2022-05-21 13:29:44 +08:00
readme.md 基于uniapp开发的app和微信小程序模板框架 2022-04-22 18:30:17 +08:00

readme.md

第一步:引入组件

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);//返回的是数组图片
		}
	}
}