diff --git a/docs/assets/img/product_pics/hat/envii_hat/ENV2_hat.webp b/docs/assets/img/product_pics/hat/envii_hat/ENV2_hat.webp
new file mode 100644
index 00000000..940ba717
Binary files /dev/null and b/docs/assets/img/product_pics/hat/envii_hat/ENV2_hat.webp differ
diff --git a/docs/en/hat/hat-8servos.md b/docs/en/hat/hat-8servos.md
index 3e444137..a6460c79 100644
--- a/docs/en/hat/hat-8servos.md
+++ b/docs/en/hat/hat-8servos.md
@@ -90,7 +90,7 @@
 
 ## Example
 
-### 1. Arduino IDE
+### 1. Arduino
 
 To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/8servos-hat/Arduino)
 
diff --git a/docs/en/hat/hat-adc.md b/docs/en/hat/hat-adc.md
index fd31aef5..79b37782 100644
--- a/docs/en/hat/hat-adc.md
+++ b/docs/en/hat/hat-adc.md
@@ -88,7 +88,7 @@ ADS1100 itself is able to accept a differential input from -5 ~ +5 V, but we hav
 
 ## Example
 
-### 1. Arduino IDE
+### 1. Arduino
 
 To get complete code, please click [here](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/ADC)
 
diff --git a/docs/en/hat/hat-beetlec.md b/docs/en/hat/hat-beetlec.md
index e3f95073..cc5060a4 100644
--- a/docs/en/hat/hat-beetlec.md
+++ b/docs/en/hat/hat-beetlec.md
@@ -86,7 +86,7 @@ Besides, a power switch is placed at the front.
 
 ## Example
 
-### 1. Arduino IDE
+### 1. Arduino
 
 To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/beetleC/stickC/beetleC)
 
diff --git a/docs/en/hat/hat-cardkb.md b/docs/en/hat/hat-cardkb.md
index 0623881d..3c4a2aff 100644
--- a/docs/en/hat/hat-cardkb.md
+++ b/docs/en/hat/hat-cardkb.md
@@ -86,7 +86,7 @@ The CardKB HAT also offers support for several button combinations (Shift+Key, F
 
 ## Example
 
-### 1. Arduino IDE
+### 1. Arduino
 
 To get the code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/CardKB_HAT)
 
diff --git a/docs/en/hat/hat-puppyc.md b/docs/en/hat/hat-puppyc.md
index 135723d1..1bcf11e7 100644
--- a/docs/en/hat/hat-puppyc.md
+++ b/docs/en/hat/hat-puppyc.md
@@ -68,7 +68,7 @@ It walks slowly and is easy to control.Due to the small contact area, the moveme
 
 ## Example
 
-### 1. Arduino IDE
+### 1. Arduino
 
 To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/PuppyC)
 
diff --git a/docs/en/hat/hat-roverc.md b/docs/en/hat/hat-roverc.md
index 60148939..3d1980a5 100644
--- a/docs/en/hat/hat-roverc.md
+++ b/docs/en/hat/hat-roverc.md
@@ -95,7 +95,7 @@ MotorControl：
 
 ## Example
 
-### 1. Arduino IDE
+### 1. Arduino
 
 Use with JoyC HAT, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/RoverC)
 
diff --git a/docs/en/hat/hat-roverc_grip.md b/docs/en/hat/hat-roverc_grip.md
index 1ec8fdac..cec2a0fc 100644
--- a/docs/en/hat/hat-roverc_grip.md
+++ b/docs/en/hat/hat-roverc_grip.md
@@ -89,7 +89,7 @@ MotorControl：
 
 ## Example
 
-### 1. Arduino IDE
+### 1. Arduino
 
 Use with JoyC HAT, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/RoverC)
 
diff --git a/docs/en/hat/hat-rs485.md b/docs/en/hat/hat-rs485.md
index 9c01367c..d99fdecc 100644
--- a/docs/en/hat/hat-rs485.md
+++ b/docs/en/hat/hat-rs485.md
@@ -91,7 +91,7 @@ It is used to convert the TTL standard to the RS485 standard. If the outside ser
 
 <a href="#en\uiflow\RS485">Exapmle</a>
 
-### 1. Arduino IDE
+### 1. Arduino
 
 To get complete code, please click [here](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/RS485)
 
diff --git a/docs/en/hat/hat_envII.md b/docs/en/hat/hat_envII.md
index e1c594ea..4c3bfd74 100644
--- a/docs/en/hat/hat_envII.md
+++ b/docs/en/hat/hat_envII.md
@@ -161,9 +161,16 @@
 
 ## Example
 
-### 1. Arduino IDE
+### 1. Arduino
 
-The code below is incomplete. To get the complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT)
+- [Click here to download the Arduino example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT/Arduino/ENVII_HAT)
+
+
+### 2. UIFlow
+
+- [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT/UIFlow)
+
+<img src="assets/img/product_pics/hat/envii_hat/ENV2_hat.webp" width="80%" height="80%">
 
 <script>
 
diff --git a/docs/en/hat/hat_roverc_pro.md b/docs/en/hat/hat_roverc_pro.md
index 723511bc..6bd3a076 100644
--- a/docs/en/hat/hat_roverc_pro.md
+++ b/docs/en/hat/hat_roverc_pro.md
@@ -130,7 +130,7 @@ MotorControl：
 
 ## Example
 
-### 1. Arduino IDE
+### 1. Arduino
 
 Use with JoyC HAT(without servo gripper), please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/RoverC)
 Before use, please make sure that the RoverC is fully charged. Charging method: insert M5StickC/M5StickC Plus into the RoverC, and connect the USB cable for charging.Burn the easyloader firmware of JoyC and RoverC with two M5StickC respectively. Insert JoyC and RoverC respectively after burning. After power on, RoverC will display the MAC address name and battery level. At the same time, JoyC will scan for the MAC address of RoverC. Long press the Home button of M5StickC on Joyc, and the two will be paired. Left thumbstick controlls forward and back motion, left and right control translation, right thumbstick controls left and right steering.
diff --git a/docs/en/unit/ameter.md b/docs/en/unit/ameter.md
index 1aef6c21..582f0328 100644
--- a/docs/en/unit/ameter.md
+++ b/docs/en/unit/ameter.md
@@ -166,7 +166,7 @@ bool Ameter::saveCalibration2EEPROM(ameterGain_t gain, int16_t hope, int16_t act
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/A_Meter_Unit/UIFlow)
 
-<img src="assets/img/product_pics/unit/a_meter/a_meter.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/a_meter/a_meter.webp" width="80%" height="80%">
 
 
 <el-divider content-position="right">Last updated: 2020-12-10</el-divider>
diff --git a/docs/en/unit/bps.md b/docs/en/unit/bps.md
index 7383641d..97f53010 100644
--- a/docs/en/unit/bps.md
+++ b/docs/en/unit/bps.md
@@ -150,7 +150,7 @@
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/BPS_Unit/UIFlow)
 
 <img src="assets/img/
-product_pics/unit/bps/BPS_Example.webp" width="50%" height="50%">
+product_pics/unit/bps/BPS_Example.webp" width="80%" height="80%">
 
 
 <el-divider content-position="right">Last updated: 2020-12-11</el-divider>
diff --git a/docs/en/unit/heart.md b/docs/en/unit/heart.md
index ff9a9962..75afc4d2 100644
--- a/docs/en/unit/heart.md
+++ b/docs/en/unit/heart.md
@@ -126,7 +126,7 @@ To get the code, please click [here](https://github.com/m5stack/M5Stack/tree/mas
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/HEART/UIFlow)
 
-<img src="assets/img/product_pics/unit/unit_example/HEART/Heart_Example.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/unit_example/HEART/Heart_Example.webp" width="80%" height="80%">
 
 <!-- ### 2. UIFlow
 
diff --git a/docs/en/unit/iso485.md b/docs/en/unit/iso485.md
index da05d807..932e3f1f 100644
--- a/docs/en/unit/iso485.md
+++ b/docs/en/unit/iso485.md
@@ -129,7 +129,7 @@ When the project equipment needs communication control through RS485 and has hig
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ISO485/UIFlow)
 
-<img src="assets/img/product_pics/unit/iso485/iso485_Example.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/iso485/iso485_Example.webp" width="80%" height="80%">
 
 <el-divider content-position="right">Last updated: 2020-12-11</el-divider>
 
diff --git a/docs/en/unit/op180.md b/docs/en/unit/op180.md
index 0fd3bfdd..75d4e321 100644
--- a/docs/en/unit/op180.md
+++ b/docs/en/unit/op180.md
@@ -101,7 +101,7 @@ The actuator of this Unit is consist of a pair of IR part, emitter side and rece
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/OP90.180/UIFlow)
 
-<img src="assets/img/product_pics/unit/op180/op180.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/op180/op180.webp" width="80%" height="80%">
 
 ## Video
 
diff --git a/docs/en/unit/op90.md b/docs/en/unit/op90.md
index fe261ac9..e9b12189 100644
--- a/docs/en/unit/op90.md
+++ b/docs/en/unit/op90.md
@@ -99,7 +99,7 @@ The actuator of this Unit is consist of a pair of IR part, emitter side and rece
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/OP90.180/UIFlow)
 
-<img src="assets/img/product_pics/unit/op90/op90.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/op90/op90.webp" width="80%" height="80%">
 
 <el-divider content-position="right">Last updated: 2020-12-14</el-divider>
 
diff --git a/docs/en/unit/pahub.md b/docs/en/unit/pahub.md
index f771d323..c11b4735 100644
--- a/docs/en/unit/pahub.md
+++ b/docs/en/unit/pahub.md
@@ -104,7 +104,7 @@ After soldering a 0 ohm resistor, the corresponding pin will change from low to
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/PaHUB/UIFlow)
 
-<img src="assets/img/product_pics/unit/pahub/pahub.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/pahub/pahub.webp" width="80%" height="80%">
 
 <el-divider content-position="right">Last updated: 2020-12-14</el-divider>
 
diff --git a/docs/en/unit/pbhub.md b/docs/en/unit/pbhub.md
index 223aba2d..7db72f44 100644
--- a/docs/en/unit/pbhub.md
+++ b/docs/en/unit/pbhub.md
@@ -158,7 +158,7 @@ For the complete Arduino code please click [here](https://github.com/m5stack/M5S
 
 For the Complete UIFlow example code please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/PbHUB/UIFlow)
 
-<img src="assets/img/product_pics/unit/pbhub/pbhub.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/pbhub/pbhub.webp" width="80%" height="80%">
 
 - protocol type - I2C     
 - address - 0x61
diff --git a/docs/en/unit/sonic.md b/docs/en/unit/sonic.md
index f6ffc066..4a12ef98 100644
--- a/docs/en/unit/sonic.md
+++ b/docs/en/unit/sonic.md
@@ -124,7 +124,7 @@
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ULTRA/UIFlow)
 
-<img src="assets/img/product_pics/unit/sonic/ULTRA.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/sonic/ULTRA.webp" width="80%" height="80%">
 
 <el-divider content-position="right">Last updated: 2020-12-14</el-divider>
 
diff --git a/docs/en/unit/tvoc.md b/docs/en/unit/tvoc.md
index b1dac4d7..9e5c725c 100644
--- a/docs/en/unit/tvoc.md
+++ b/docs/en/unit/tvoc.md
@@ -136,7 +136,7 @@ The code below is incomplete. To get the complete code, please click [here](http
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/TVOC/UIFlow)
 
-<img src="assets/img/product_pics/unit/tvoc/TVOC_eCO2_Example.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/tvoc/TVOC_eCO2_Example.webp" width="80%" height="80%">
 
 <el-divider content-position="right">Last updated: 2020-12-14</el-divider>
 
diff --git a/docs/en/unit/vmeter.md b/docs/en/unit/vmeter.md
index 502cd16f..bd292ae4 100644
--- a/docs/en/unit/vmeter.md
+++ b/docs/en/unit/vmeter.md
@@ -166,7 +166,7 @@ bool Voltmeter::saveCalibration2EEPROM(voltmeterGain_t gain, int16_t hope, int16
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/V_Meter_Unit/UIFlow)
 
-<img src="assets/img/product_pics/unit/v_meter/v_meter.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/v_meter/v_meter.webp" width="80%" height="80%">
 
 <el-divider content-position="right">Last updated: 2020-12-14</el-divider>
 
diff --git a/docs/en/unit/watering.md b/docs/en/unit/watering.md
index 46a1b8eb..432b71bc 100644
--- a/docs/en/unit/watering.md
+++ b/docs/en/unit/watering.md
@@ -85,7 +85,7 @@
 
 - [Click here to download the UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/WATERING/UIFlow)
 
-<img src="assets/img/product_pics/unit/watering/Watering_Example.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/watering/Watering_Example.webp" width="80%" height="80%">
 
 ## Video
 
diff --git a/docs/ja/hat/hat-beetlec.md b/docs/ja/hat/hat-beetlec.md
index 052ee462..738a331d 100644
--- a/docs/ja/hat/hat-beetlec.md
+++ b/docs/ja/hat/hat-beetlec.md
@@ -72,7 +72,7 @@ Besides, a power switch is placed at the front.
 
 ## Code
 
-### 1. Arduino IDE
+### 1. Arduino
 
 *To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/beatleC/stickc/Arduino/beetleC).*
 
diff --git a/docs/zh_CN/hat/hat-ncir.md b/docs/zh_CN/hat/hat-ncir.md
index 822e4227..1bbaa6fd 100644
--- a/docs/zh_CN/hat/hat-ncir.md
+++ b/docs/zh_CN/hat/hat-ncir.md
@@ -37,6 +37,10 @@
       <td>规格</td>
       <td>参数</td>
    </tr>
+   <tr>
+      <td>通信协议</td>
+      <td>I2C：0x5A</td>
+   </tr>
    <tr>
       <td>净重</td>
       <td>5g</td>
@@ -82,7 +86,7 @@
 
 ## 案例程序
 
-### 1. Arduino IDE
+### 1. Arduino
 
 点击[此处下载](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/NCIR_HAT)示例程序
 
diff --git a/docs/zh_CN/hat/hat_envII.md b/docs/zh_CN/hat/hat_envII.md
index f9409909..14bc8f25 100644
--- a/docs/zh_CN/hat/hat_envII.md
+++ b/docs/zh_CN/hat/hat_envII.md
@@ -168,9 +168,16 @@
 
 ## 案例程序
 
-### 1. Arduino IDE
+### 1. Arduino
 
-[请点击此处下载Arduino示例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT)
+- [请点击此处获取Arduino示例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT/Arduino/ENVII_HAT)
+
+
+### 2. UIFlow
+
+- [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT/UIFlow)
+
+<img src="assets/img/product_pics/hat/envii_hat/ENV2_hat.webp" width="80%" height="80%">
 
 
 <script>
diff --git a/docs/zh_CN/hat/hat_roverc_pro.md b/docs/zh_CN/hat/hat_roverc_pro.md
index f5579da4..aa66c5ba 100644
--- a/docs/zh_CN/hat/hat_roverc_pro.md
+++ b/docs/zh_CN/hat/hat_roverc_pro.md
@@ -134,7 +134,7 @@ MotorControl：
 
 ## 案例程序
 
-### 1. Arduino IDE
+### 1. Arduino
 
 配合摇杆使用(无夹持) [点击此处](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/RoverC)
 使用前，请确保RoverC充满电。充电方式：将M5StickC/M5StickC Plus插入RoverC，连接USB线充电。分别用两个M5StickC/M5StickC PLUS烧录JoyC和RoverC的EasyLoader固件。然后分别插入JoyC和RoverC。开机后，RoverC将显示MAC地址名称和电池电量。同时，JoyC将扫描RoverC的MAC地址。长按Joyc上M5StickC的Home键，两者将配对。左摇杆控制前进和后退运动，左右控制平移，右摇杆控制左右转向。
diff --git a/docs/zh_CN/unit/ameter.md b/docs/zh_CN/unit/ameter.md
index 1e405072..d6cc6b80 100644
--- a/docs/zh_CN/unit/ameter.md
+++ b/docs/zh_CN/unit/ameter.md
@@ -158,7 +158,7 @@ bool Voltmeter::saveCalibration2EEPROM(voltmeterGain_t gain, int16_t hope, int16
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/A_Meter_Unit/UIFlow)
 
-<img src="assets/img/product_pics/unit/a_meter/a_meter.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/a_meter/a_meter.webp" width="80%" height="80%">
 
 <script>
 
diff --git a/docs/zh_CN/unit/bps.md b/docs/zh_CN/unit/bps.md
index 1c747691..17106a17 100644
--- a/docs/zh_CN/unit/bps.md
+++ b/docs/zh_CN/unit/bps.md
@@ -146,7 +146,7 @@
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/BPS_Unit/UIFlow)
 
-<img src="assets/img/product_pics/unit/bps/BPS_Example.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/bps/BPS_Example.webp" width="80%" height="80%">
 
 
 <script>
diff --git a/docs/zh_CN/unit/heart.md b/docs/zh_CN/unit/heart.md
index af5718b0..6bca1207 100644
--- a/docs/zh_CN/unit/heart.md
+++ b/docs/zh_CN/unit/heart.md
@@ -120,7 +120,7 @@
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/HEART/UIFlow)
 
-<img src="assets/img/product_pics/unit/unit_example/HEART/Heart_Example.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/unit_example/HEART/Heart_Example.webp" width="80%" height="80%">
 
 
 <script>
diff --git a/docs/zh_CN/unit/iso485.md b/docs/zh_CN/unit/iso485.md
index 606f262d..94f28652 100644
--- a/docs/zh_CN/unit/iso485.md
+++ b/docs/zh_CN/unit/iso485.md
@@ -121,7 +121,7 @@
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ISO485/UIFlow)
 
-<img src="assets/img/product_pics/unit/iso485/iso485_Example.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/iso485/iso485_Example.webp" width="80%" height="80%">
 
 <script>
 
diff --git a/docs/zh_CN/unit/op180.md b/docs/zh_CN/unit/op180.md
index d498cb9c..d606b223 100644
--- a/docs/zh_CN/unit/op180.md
+++ b/docs/zh_CN/unit/op180.md
@@ -89,7 +89,7 @@
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/OP90.180/UIFlow)
 
-<img src="assets/img/product_pics/unit/op180/op180.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/op180/op180.webp" width="80%" height="80%">
 
 
 ## 相关视频
diff --git a/docs/zh_CN/unit/op90.md b/docs/zh_CN/unit/op90.md
index 0129e452..87a48e6d 100644
--- a/docs/zh_CN/unit/op90.md
+++ b/docs/zh_CN/unit/op90.md
@@ -90,7 +90,7 @@
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/OP90.180/UIFlow)
 
-<img src="assets/img/product_pics/unit/op90/op90.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/op90/op90.webp" width="80%" height="80%">
 
 ## 相关视频
 
diff --git a/docs/zh_CN/unit/pahub.md b/docs/zh_CN/unit/pahub.md
index 1c369a11..3e532187 100644
--- a/docs/zh_CN/unit/pahub.md
+++ b/docs/zh_CN/unit/pahub.md
@@ -103,7 +103,7 @@
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/PaHUB/UIFlow)
 
-<img src="assets/img/product_pics/unit/pahub/pahub.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/pahub/pahub.webp" width="80%" height="80%">
 
 <script>
 
diff --git a/docs/zh_CN/unit/sonic.md b/docs/zh_CN/unit/sonic.md
index cd2fcf05..b8ed0427 100644
--- a/docs/zh_CN/unit/sonic.md
+++ b/docs/zh_CN/unit/sonic.md
@@ -124,7 +124,7 @@
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ULTRA/UIFlow)
 
-<img src="assets/img/product_pics/unit/sonic/ULTRA.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/sonic/ULTRA.webp" width="80%" height="80%">
 
 <script>
 
diff --git a/docs/zh_CN/unit/tvoc.md b/docs/zh_CN/unit/tvoc.md
index d72b8d05..352f1a31 100644
--- a/docs/zh_CN/unit/tvoc.md
+++ b/docs/zh_CN/unit/tvoc.md
@@ -132,7 +132,7 @@
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/TVOC/UIFlow)
 
-<img src="assets/img/product_pics/unit/tvoc/TVOC_eCO2_Example.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/tvoc/TVOC_eCO2_Example.webp" width="80%" height="80%">
 
 <script>
 
diff --git a/docs/zh_CN/unit/unit_fan.md b/docs/zh_CN/unit/unit_fan.md
index c4c6c11a..b91377ad 100644
--- a/docs/zh_CN/unit/unit_fan.md
+++ b/docs/zh_CN/unit/unit_fan.md
@@ -74,7 +74,7 @@
 
 ### 2. UIFlow
 
-<img src="assets/img/product_pics/unit/fan/fan.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/fan/fan.webp" width="80%" height="80%">
 
 [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/FAN)
 
diff --git a/docs/zh_CN/unit/vmeter.md b/docs/zh_CN/unit/vmeter.md
index dc9a178c..9500dd75 100644
--- a/docs/zh_CN/unit/vmeter.md
+++ b/docs/zh_CN/unit/vmeter.md
@@ -160,7 +160,7 @@ bool Voltmeter::saveCalibration2EEPROM(voltmeterGain_t gain, int16_t hope, int16
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/V_Meter_Unit/UIFlow)
 
-<img src="assets/img/product_pics/unit/v_meter/v_meter.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/v_meter/v_meter.webp" width="80%" height="80%">
 
 <script>
 
diff --git a/docs/zh_CN/unit/watering.md b/docs/zh_CN/unit/watering.md
index 738fd9e2..7b178453 100644
--- a/docs/zh_CN/unit/watering.md
+++ b/docs/zh_CN/unit/watering.md
@@ -85,7 +85,7 @@
 
 - [请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/WATERING/UIFlow)
 
-<img src="assets/img/product_pics/unit/watering/Watering_Example.webp" width="50%" height="50%">
+<img src="assets/img/product_pics/unit/watering/Watering_Example.webp" width="80%" height="80%">