feat(plugin): add picture

ly525
1 parent 5501cc6b
Showing 2 changed files with 41 additions and 0 deletions
front-end/h5/src/components/plugins/lbp-picture.js
front-end/h5/src/views/Editor.vue
+const defaultPngPath = 'http://jietu-10024907.file.myqcloud.com/kblthjeuhituluuaalpiuyvfwrldpkrj.jpg'
+
+export default {
+  name: 'lbp-picture',
+  render () {
+    return <img src={this.imgSrc || defaultPngPath} alt="" srcset="" width="100%" />
+  },
+  props: {
+    imgSrc: {
+      type: String,
+      default: defaultPngPath
+    }
+  },
+  data: () => ({
+    defaultPngPath
+  }),
+  editorConfig: {
+    propsConfig: {
+      imgSrc: {
+        type: 'picture-picker',
+        label: '',
+        require: true,
+        widgetProps: {
+          value: '',
+          template: '%i',
+        },
+      },
+    },
+    components: {
+    //   'picture-picker': PicturePicker,
+    }
+  }
+}
@@ -3,6 +3,7 @@ import Vue from &#39;vue&#39;
 import CoreEditor from '../components/core/editor'
 import LbpButton from '../components/plugins/lbp-button'
+import LbpPicture from '../components/plugins/lbp-picture'
 const PluginList = [
   {
@@ -11,6 +12,13 @@ const PluginList = [
     component: LbpButton,
     visible: true,
     name: 'lbp-button'
+  },
+  {
+    title: '图片',
+    icon: 'file-image-o',
+    component: LbpPicture,
+    visible: true,
+    name: 'lbp-picture'
   }
 ]