vue-media
基于 vue 的 Media 组件。
目录
安装
npm install --save vue-media
使用
<template>
<lj-vue-media
:img="{
src: '/static/demo/2.jpeg',
isRight: true,
isCircle: true,
height:'1rem',
width: '1rem'
}
>
<h3 class="mb-10">标题</h3>
<p>内容内容内容内容内容内容内容内容内容</p>
</lj-vue-media>
</template>
<script>
import Vue from 'vue'
import VueMedia from '@lucky-joel/vue-media'
Vue.use(VueMedia)
export default {
...
}
</script>
参数:
- img: 图片配置。 是一个对象,属性如下
- src: 图片地址
- isRight: 图片在右边显示,默认是 false。
- isCircle: 图片是否是圆的,默认是 false。
- height: 图片的高度
- width: 图片的宽度
- dir-ver: 是否是垂直方向的 Media。 默认 false。
- space-between: 图片与文字间的间距。
构建
npm run build
发布到 npm
npm run build
npm publish --access public