diff --git a/README.md b/README.md
index b3f9db8..06159e3 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@
 这是一个简单的翻页倒计时vue组件，项目中有用到，所以提取了一下。
 
 ### 示例
-![img](https://github.com/javaLuo/vue-flip-down/blob/master/public/demo.gif)
+![img](public/demo.gif)
 
 ### 安装
 ```
@@ -14,10 +14,10 @@ npm install vue-flip-down --save
 或
 ```
 yarn add vue-flip-down 
-```
+```vue
 
 ### 使用
-```
+```vue
 import FlipDown from 'vue-flip-down';
 
 <FlipDown
@@ -36,6 +36,16 @@ import FlipDown from 'vue-flip-down';
 |theme|Number|1|样式：1-合并，2-分离。见下图|
 |timeUnit|Array|\[\]|时间单位，显示在空隙之间的文字，比如：\['天','时','分','秒'\] 或 \[':',':',':'\]|
 
+#### :type="1" 合并式
+![img](public/1.gif)
+
+> 合并式的，每个不同的时间单位是合在一起的
+
+#### :type="2" 分离式
+![img](public/2.gif)
+
+> 分离式的，每个数字都是单独分开的
+
 ### 事件
 | 名称   | 返回值 | 描述                                    |
 | ------ | ------ | --------------------------------------- |
diff --git a/package.json b/package.json
index 4b8f54f..378902f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-flip-down",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "vue 翻页效果的倒计时组件",
   "main": "dist/main.js",
   "scripts": {
diff --git a/public/1.gif b/public/1.gif
new file mode 100644
index 0000000..3b31152
Binary files /dev/null and b/public/1.gif differ
diff --git a/public/2.gif b/public/2.gif
new file mode 100644
index 0000000..bd1031f
Binary files /dev/null and b/public/2.gif differ