@lucky-joel/vue-media v1.0.0

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

License

MIT