base init component

.npmignore

@@ -0,0 +1 @@
+node_modules

README.md

@@ -1,24 +1,15 @@
 # @wujing/danmaku
 
-## Project setup
-```
-yarn install
-```
+# 安装 ：
 
-### Compiles and hot-reloads for development
-```
-yarn serve
+``` shell
+npm install @wujing/danmaku --save
 ```
 
-### Compiles and minifies for production
-```
-yarn build
-```
+## 使用方法：
 
-### Lints and fixes files
-```
-yarn lint
+``` js
+npm install @wujing/danmaku --save
 ```
 
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+

src/App.vue

@@ -3,7 +3,7 @@
     <div class="demo-container">
       <Danmaku
         class="demo-danmaku"
-        :sendIcon="require('./assets/list-enable-btn.png')"
+        :showIcon="require('./assets/list-enable-btn.png')"
         :closeIcon="require('./assets/list-disable-btn.png')"
       />
     </div>

src/components/Danmaku.vue

@@ -23,8 +23,8 @@
       <div class="send-btn-container">
         <img
           @click="hideList"
-          class="send-icon"
-          :src="sendIcon || ''"
+          class="show-icon"
+          :src="showIcon || ''"
           v-if="isShowList"
         />
         <img
@@ -73,7 +73,7 @@ export default {
         ];
       },
     },
-    sendIcon: {
+    showIcon: {
       type: String,
       required: true,
     },