add video_size css code

docs/assets/css/main.css

@@ -81,6 +81,9 @@ body[data-page="en/uiflow/uiflow_home_page.md"] article.markdown-section {
     text-decoration: none;
 }
 
+.video_size {
+    width: 30%;
+}
 
 /* body[data-page="index.md"] article.markdown-section p.item-title {
     text-align: center;
@@ -488,6 +491,9 @@ body[data-page="zh_CN/README.md"] .search {
         top:75px;
         left:23px;
     }
+    .video_size {
+        width: 100%;
+    }
 }
 
 #loading {
@@ -607,7 +613,7 @@ body[data-page="zh_CN/README.md"] .search {
 
 .table-wrapper{
     /* margin: 10px 70px 70px; */
-    box-shadow: 0px 0px 10px #888888;
+    box-shadow: -7px 0px 20px 0px #888888;
 
 }
 

docs/zh_CN/core/basic.md

@@ -220,6 +220,31 @@ M5Stack Basic 由两个可分离部分堆叠组成. 顶部放置了电路板，
 
 - **寄存器手册** -[IP5306](https://github.com/m5stack/M5-Schematic/blob/master/Core/IIC_IP5306_REG_V1.4.pdf)
 
+
+## 版本变更
+
+<div class="table-wrapper">
+    <table class="fl-table">
+        <thead>
+        <tr>
+            <th>上市日期</th>
+            <th>产品变动</th>
+        </tr>
+        </thead>    
+        <tbody>
+        <tr>
+            <td>2017.7</td>
+            <td>TN屏幕</td>
+        </tr>
+        <tr>
+            <td>2019.7</td>
+            <td>TN屏幕变更为IPS屏幕</td>
+        </tr>
+        <tbody>
+    </table>
+</div>
+
+
 ## 相关视频
 
 **M5Stack 的简介**

docs/zh_CN/core/face_kit.md

@@ -142,6 +142,28 @@
    </tr>
 </table>
 
+## 版本变更
+
+<div class="table-wrapper">
+    <table class="fl-table">
+        <thead>
+        <tr>
+            <th>上市日期</th>
+            <th>产品变动</th>
+        </tr>
+        </thead>    
+        <tbody>
+        <tr>
+            <td>2017.12</td>
+            <td>TN屏幕</td>
+        </tr>
+        <tr>
+            <td>2019.7</td>
+            <td>TN屏幕变更为IPS屏幕</td>
+        </tr>
+        <tbody>
+    </table>
+</div>
 
 
 ## 管脚映射

docs/zh_CN/core/m5stickc.md

@@ -181,6 +181,31 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
     <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201904/M5StickC%20Slot%20machine%20demo.mp4" type="video/mp4">
 </video>
 
+
+## 版本变更
+
+<div class="table-wrapper">
+    <table class="fl-table">
+        <thead>
+        <tr>
+            <th>上市日期</th>
+            <th>产品变动</th>
+        </tr>
+        </thead>    
+        <tbody>
+        <tr>
+            <td>2019.3</td>
+            <td>MPUSH200Q</td>
+        </tr>
+        <tr>
+            <td>2019.8</td>
+            <td>MPUSH200Q变更为MPU6886</td>
+        </tr>
+        <tbody>
+    </table>
+</div>
+
+
 ## 相关视频
 
 - **M5StickC 的案例 - 计数器**

docs/zh_CN/hat/hat-tof.md

@@ -85,6 +85,6 @@
 
 ## 相关视频
 
-<video width="30%" controls>
+<video class="video_size" controls>
     <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/ToF_HAT.mp4" type="video/mp4">
 </video>