boke-vue v1.0.5

bokeui

boke common components with vue boke vue 组件库

install

# install dependencies
npm install bokeui

use

import Vue from 'vue'
import bokeui from 'bokeui'
import 'bokeui/package/index.css'

Vue.use(bokeui)

components

• BkUpload

BkUpload oss 图片上传组件（可上传多张，支持拖拽排序）,依赖axios，请保持应用层安装了axios

demo

<template>
  <div id='app'>
    <bk-upload :maxNum="3" :oss='oss' :v-model="imageUrls" ></bk-upload>
  </div>
</template>

  <script>
  export default {
    name: 'App',
    data () {
      return {
        imageUrls: []
      }
    },
    methods: {
      oss () {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            let req = {
              'host': '',
              'imageDir': '',
              'policy': '',
              'accessId': '',
              'expireDate': '',
              'signature': ''
            }
            resolve(req)
          }, 2000)
        })
      }
    }
  }
  </script>

• BkShowPatternImg

  boke纸样矢量图片查看器，具有放大，移动矢量图的功能。

demo

<template>
  <div id='app'>
    <bk-show-pattern-img v-model="imageWidth" imageUrl="https://boke-pattern.oss-cn-shenzhen.aliyuncs.com/pattern_test/12bb59af-ab87-48e7-91f7-2a16839f80b2.svg"></bk-show-pattern-img>
  </div>
</template>
<script>
export default {
  data () {
    return {
      imageWidth: 500
    }
  },
}
</script>