From 5dd4e2acc6118e91679e1cbff3ad4ff0bb4c9406 Mon Sep 17 00:00:00 2001
From: shaoxiang <1026025056@qq.com>
Date: Tue, 28 May 2019 18:05:02 +0800
Subject: [PATCH] add Frame cn and en

---
 docs/assets/css/main.css      |  3 ++-
 docs/index.md                 |  8 ++++++++
 docs/zh_CN/README.md          |  7 +++++++
 docs/zh_CN/accessory/frame.md | 19 +++++++------------
 4 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index b05d59d7..67a293cc 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -306,7 +306,8 @@ body[data-page="ja/README.md"] #application {
 #grove-cable,
 #screw,
 #grove2grove,
-#bus-socket {
+#bus-socket,
+#frame {
     width: 0;
     height: 0;
     overflow: hidden;
diff --git a/docs/index.md b/docs/index.md
index c74b0409..74123173 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -754,6 +754,7 @@
 ## GROVE2GROVE
 ## SCREW
 ## BUS-Socket
+## Frame
 
 <div class="item">
   <a href="/#/en/accessory/converter/grove_t">
@@ -790,6 +791,13 @@
   <p class="item-title" style="font-style:italic;">BUS-Socket</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/accessory/frame">
+    <img src="assets/img/product_pics/accessory/frame_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">Frame</p>
+</div>
+
 
 ***  
 
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index df529e79..1d8bafcc 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -750,6 +750,7 @@
 ## GROVE2GROVE
 ## SCREW
 ## BUS-Socket
+## Frame
 
 <div class="item">
   <a href="/#/en/accessory/converter/grove_t">
@@ -786,6 +787,12 @@
   <p class="item-title" style="font-style:italic;">BUS-Socket</p>
 </div>
 
+<div class="item">
+  <a href="/#/zh_CN/accessory/frame">
+    <img src="assets/img/product_pics/accessory/frame_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">Frame</p>
+</div>
 
 ***  
 
diff --git a/docs/zh_CN/accessory/frame.md b/docs/zh_CN/accessory/frame.md
index e5cb43ef..47311e58 100644
--- a/docs/zh_CN/accessory/frame.md
+++ b/docs/zh_CN/accessory/frame.md
@@ -1,5 +1,9 @@
 # Accessory Frame {docsify-ignore-all}
 
+<img src="assets/img/product_pics/accessory/frame_01.jpg" width="30%" height="30%">
+
+<img src="assets/img/product_pics/accessory/frame_02.jpg" width="30%" height="30%">
+
 ## 描述
 
 **Frame** , 是一款M5Core固定框架.能够帮助你将设备牢固的固定在墙壁或是其他表面,并为设备提供一定强度的保护外壳.
@@ -14,15 +18,6 @@
 
 - [购买链接](https://www.aliexpress.com/store/product/M5Stack-2/3226069_32874948519.html)
 
-<figure>
-    <img src="assets/img/product_pics/accessory/frame_01.jpg" alt="frame_01" width="300px" height="300px">
-</figure>
-<figure>
-    <img src="assets/img/product_pics/accessory/frame_02.jpg" alt="frame_02" width="300px" height="300px">
-</figure>
-<figure>
-    <img src="assets/img/product_pics/accessory/frame_03.jpg" alt="frame_03" width="300px" height="300px">
-</figure>
-<figure>
-    <img src="assets/img/product_pics/accessory/frame_04.jpg" alt="frame_04" width="300px" height="300px">
-</figure>
\ No newline at end of file
+<img src="assets/img/product_pics/accessory/frame_03.jpg" alt="frame_03" width="300px" height="300px">
+
+<img src="assets/img/product_pics/accessory/frame_04.jpg" alt="frame_04" width="300px" height="300px">