diff --git a/examples/views/yqm-htmlContainer-example.vue b/examples/views/yqm-htmlContainer-example.vue
new file mode 100644
index 0000000000000000000000000000000000000000..14ed5a123dfb59c33ece22b699106372668e711b
--- /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 0000000000000000000000000000000000000000..aad76d9293564b3305abdeeb33bac04fa71f89e2
--- /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 0000000000000000000000000000000000000000..6b7e1cefe6df488c1e563bebe58cc29f3af841fe
--- /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 307d010050fef01abae21c36387950d2f866e316..33a173a6658f79e34f5d163677ad96b613fe9e50 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"