From 1903c40b37a2374b3d0deb1cefa92c519c54ad18 Mon Sep 17 00:00:00 2001
From: raido <2278916720@qq.com>
Date: Fri, 13 Aug 2021 20:52:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9D=E6=AD=A5=E6=90=AD=E5=BB=BA?=
 =?UTF-8?q?=E5=AF=8C=E6=96=87=E6=9C=AC=E5=AE=B9=E5=99=A8=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/views/yqm-htmlContainer-example.vue  | 20 +++++++
 packages/yqm-htmlContainer/index.js           |  3 ++
 .../src/yqm-htmlContainer.vue                 | 54 +++++++++++++++++++
 yarn.lock                                     |  5 ++
 4 files changed, 82 insertions(+)
 create mode 100644 examples/views/yqm-htmlContainer-example.vue
 create mode 100644 packages/yqm-htmlContainer/index.js
 create mode 100644 packages/yqm-htmlContainer/src/yqm-htmlContainer.vue

diff --git a/examples/views/yqm-htmlContainer-example.vue b/examples/views/yqm-htmlContainer-example.vue
new file mode 100644
index 0000000..14ed5a1
--- /dev/null
+++ b/examples/views/yqm-htmlContainer-example.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+      <yqm-htmlContainer :content="content">
+
+      </yqm-htmlContainer>
+  </div>
+</template>
+<script>
+export default {
+  name: 'yqm-htmlContainer-example',
+
+  data() {
+    return {
+      content:'<div>你无不无聊，一直说，<a href="#">烦死了</a></div>',
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/packages/yqm-htmlContainer/index.js b/packages/yqm-htmlContainer/index.js
new file mode 100644
index 0000000..aad76d9
--- /dev/null
+++ b/packages/yqm-htmlContainer/index.js
@@ -0,0 +1,3 @@
+import yqmHtmlContainer from './src/yqm-htmlContainer'
+yqmHtmlContainer.install = (Vue) => {Vue.component(yqmHtmlContainer.name, yqmHtmlContainer)}
+export default yqmHtmlContainer
\ No newline at end of file
diff --git a/packages/yqm-htmlContainer/src/yqm-htmlContainer.vue b/packages/yqm-htmlContainer/src/yqm-htmlContainer.vue
new file mode 100644
index 0000000..6b7e1ce
--- /dev/null
+++ b/packages/yqm-htmlContainer/src/yqm-htmlContainer.vue
@@ -0,0 +1,54 @@
+<template>
+  <div
+     class="yqmHtmlContainer"
+     v-html="content"
+     :style="[{
+       'text-indent': textIndent,
+     },
+     ]"
+  >
+
+  </div>
+</template>
+<script>
+export default {
+  name: 'yqmHtmlContainer',
+
+    /**
+     * width: 容器的宽
+     * height: 容器的高
+     * content: 传入的富文本值
+     * lineHeight: 行间距
+     * textIndent: 首行缩进，px 缩进像素，em 缩进字符
+     */
+    props: {
+      width: {
+        type: [String,Number,],
+        default: 120
+      },
+      height: {
+        type: [String,Number,],
+        default: 70
+      },
+      content: {
+        type: [String,],
+        default: ''
+      },
+      lineHeight: {
+        type: [String,Number,],
+        default: 100
+      },
+      textIndent: {
+        type: [String,Number,],
+        default: '4em'
+      }
+    }
+}
+</script>
+<style scoped lang="scss">
+  .yqmHtmlContainer{
+    border: red 1px solid;
+    font-size: 14px;
+
+  }
+</style>
diff --git a/yarn.lock b/yarn.lock
index 307d010..33a173a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8442,6 +8442,11 @@ q@^1.1.2:
   resolved "https://registry.npm.taobao.org/q/download/q-1.5.1.tgz?cache=0&sync_timestamp=1599054212574&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fq%2Fdownload%2Fq-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
 
+qrcodejs2@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.npm.taobao.org/qrcodejs2/download/qrcodejs2-0.0.2.tgz#465afe5e39f19facecb932c11f7a186109146ae1"
+  integrity sha1-Rlr+Xjnxn6zsuTLBH3oYYQkUauE=
+
 qs@6.7.0:
   version "6.7.0"
   resolved "https://registry.nlark.com/qs/download/qs-6.7.0.tgz#41dc1a015e3d581f1621776be31afb2876a9b1bc"
-- 
Gitee