diff --git a/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_road_front_car_warning.png b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_road_front_car_warning.png
new file mode 100644
index 0000000000..f5fd2de5e0
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_road_front_car_warning.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/drawable/v2x_front_warning_bg.xml b/modules/mogo-module-v2x/src/main/res/drawable/v2x_front_warning_bg.xml
new file mode 100644
index 0000000000..54f571d1e5
--- /dev/null
+++ b/modules/mogo-module-v2x/src/main/res/drawable/v2x_front_warning_bg.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?><!--<selector xmlns:android="http://schemas.android.com/apk/res/android">-->
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:angle="135"
+        android:endColor="#CC000000"
+        android:startColor="#CC000000"
+        android:type="linear" />
+    <corners android:radius="@dimen/dp_20" />
+</shape>
+
diff --git a/modules/mogo-module-v2x/src/main/res/layout/v2x_road_front_warning_vr.xml b/modules/mogo-module-v2x/src/main/res/layout/v2x_road_front_warning_vr.xml
new file mode 100644
index 0000000000..3b8248f967
--- /dev/null
+++ b/modules/mogo-module-v2x/src/main/res/layout/v2x_road_front_warning_vr.xml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="@dimen/dp_470"
+    android:layout_height="@dimen/dp_140"
+    android:background="@drawable/v2x_front_warning_bg">
+
+    <ImageView
+        android:id="@+id/warning_type_image"
+        android:layout_width="@dimen/dp_100"
+        android:layout_height="@dimen/dp_100"
+        android:layout_marginLeft="@dimen/dp_28"
+        android:layout_marginTop="@dimen/dp_20"
+        android:src="@drawable/v2x_road_front_car_warning" />
+
+    <TextView
+        android:id="@+id/warning_distance"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_centerVertical="true"
+        android:layout_marginRight="@dimen/dp_28"
+        android:maxWidth="@dimen/dp_100"
+        android:text="1.2米"
+        android:textColor="@color/v2x_FF3036"
+        android:textSize="@dimen/dp_32" />
+
+    <TextView
+        android:id="@+id/warning_content_text"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignEnd="@+id/warning_distance"
+        android:layout_centerVertical="true"
+        android:layout_marginLeft="@dimen/dp_20"
+        android:layout_marginRight="@dimen/dp_20"
+        android:layout_toRightOf="@+id/warning_type_image"
+        android:text="前车碰撞预警"
+        android:textColor="@color/v2x_FFF_333"
+        android:textSize="@dimen/dp_32" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/modules/mogo-module-v2x/src/main/res/values/colors.xml b/modules/mogo-module-v2x/src/main/res/values/colors.xml
index d1db9ba5cf..f6c7f09042 100644
--- a/modules/mogo-module-v2x/src/main/res/values/colors.xml
+++ b/modules/mogo-module-v2x/src/main/res/values/colors.xml
@@ -17,5 +17,5 @@
     <color name="v2x_000_FFF">#000000</color>
     <color name="v2x_FFF_2896FF">#FFF</color>
     <color name="v2x_share_des_title_color">#4DFFFFFF</color>
-
+    <color name="v2x_FF3036">#FF3036</color>
 </resources>
\ No newline at end of file