vue-look-images

A Vue.js project

demo演示

demo

安装

# install dependencies
npm install vue-look-images -S

使用

//ES6
import vueLookImages from 'vue-look-images.js'
// require
var vueLookImages = require('LookImages')

Vue.use(vueLookImages)

// 或者直接使用script导入
<script src="./node_modules/vue/dist/vue-look-images.js"></script>

// 作为组件的方式使用
<vue-look-images></vue-look-images>

配置

<vue-look-images
	:url-arr="array"
	:show-one="true"
	:align-row="true"
	:img-size="[30, 30]"
	:default-color="#15A6BB">
</vue-look-images>

Props

| name | Description | type |default| | ----------------- | ---------------- | :--------: | :----------: | | url-arr | 图片地址 |Array| [] | show-one | 只展示第一张图片 |Boolean | false | align-row | 横排展示 |Boolean | true | img-size | 展示图片大小 |Array | [30, 30] | default-color | 激活图片边框颜色 |String | #15A6BB