diff --git a/app/src/main/java/com/example/defenseapplication/adapter/DeviceAdapter.kt b/app/src/main/java/com/example/defenseapplication/adapter/DeviceAdapter.kt
new file mode 100644
index 0000000..ed86fb8
--- /dev/null
+++ b/app/src/main/java/com/example/defenseapplication/adapter/DeviceAdapter.kt
@@ -0,0 +1,49 @@
+package com.example.defenseapplication.adapter
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.example.defenseapplication.R
+import com.example.defenseapplication.databinding.ItemDeviceBinding
+
+data class DeviceUi(
+    val name: String,
+    val isOnline: Boolean
+)
+
+class DeviceAdapter : RecyclerView.Adapter<DeviceAdapter.DeviceViewHolder>() {
+
+    private val items = mutableListOf<DeviceUi>()
+
+    fun submitList(deviceList: List<DeviceUi>) {
+        items.clear()
+        items.addAll(deviceList)
+        notifyDataSetChanged()
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): DeviceViewHolder {
+        val binding = ItemDeviceBinding.inflate(LayoutInflater.from(parent.context), parent, false)
+        return DeviceViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: DeviceViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+
+    override fun getItemCount(): Int = items.size
+
+    inner class DeviceViewHolder(private val binding: ItemDeviceBinding) :
+        RecyclerView.ViewHolder(binding.root) {
+
+        fun bind(item: DeviceUi) {
+            binding.tvDeviceName.text = item.name
+            if (item.isOnline) {
+                binding.tvDeviceStatus.text = "\u25CF  正在运行"
+                binding.tvDeviceStatus.setTextColor(binding.root.context.getColor(R.color.green))
+            } else {
+                binding.tvDeviceStatus.text = "\u25CF  离线"
+                binding.tvDeviceStatus.setTextColor(binding.root.context.getColor(R.color.red))
+            }
+        }
+    }
+}
diff --git a/app/src/main/res/drawable/bg_capture_face_button.xml b/app/src/main/res/drawable/bg_capture_face_button.xml
new file mode 100644
index 0000000..fc10719
--- /dev/null
+++ b/app/src/main/res/drawable/bg_capture_face_button.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="#A609C2BD" />
+    <corners android:radius="8dp" />
+</shape>
diff --git a/app/src/main/res/drawable/bg_home_top_icon_green.xml b/app/src/main/res/drawable/bg_home_top_icon_green.xml
new file mode 100644
index 0000000..61d653a
--- /dev/null
+++ b/app/src/main/res/drawable/bg_home_top_icon_green.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="@color/green" />
+    <corners android:radius="12dp" />
+</shape>
diff --git a/app/src/main/res/drawable/bg_home_top_icon_light.xml b/app/src/main/res/drawable/bg_home_top_icon_light.xml
new file mode 100644
index 0000000..52b5d38
--- /dev/null
+++ b/app/src/main/res/drawable/bg_home_top_icon_light.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="@color/white" />
+    <corners android:radius="12dp" />
+</shape>
diff --git a/app/src/main/res/drawable/ic_back_arrow.xml b/app/src/main/res/drawable/ic_back_arrow.xml
new file mode 100644
index 0000000..2f8d112
--- /dev/null
+++ b/app/src/main/res/drawable/ic_back_arrow.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+    <path
+        android:fillColor="#FFFFFFFF"
+        android:pathData="M15.41,7.41L14,6l-6,6 6,6 1.41,-1.41L10.83,12z" />
+</vector>
diff --git a/app/src/main/res/drawable/ic_red_dot.xml b/app/src/main/res/drawable/ic_red_dot.xml
new file mode 100644
index 0000000..1942a58
--- /dev/null
+++ b/app/src/main/res/drawable/ic_red_dot.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <size
+        android:width="10dp"
+        android:height="10dp" />
+    <solid android:color="#FF5A5F" />
+</shape>
diff --git a/app/src/main/res/layout/item_device.xml b/app/src/main/res/layout/item_device.xml
new file mode 100644
index 0000000..ea9490f
--- /dev/null
+++ b/app/src/main/res/layout/item_device.xml
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_marginBottom="12dp"
+    android:background="@drawable/textinput_white_bg"
+    android:gravity="center_vertical"
+    android:orientation="vertical"
+    android:paddingStart="20dp"
+    android:paddingEnd="20dp"
+    android:paddingTop="4dp"
+    android:paddingBottom="16dp">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal">
+
+        <ImageView
+            android:id="@+id/ivDeviceIcon"
+            android:layout_width="54dp"
+            android:layout_height="54dp"
+            android:src="@drawable/ic_launcher_background"/>
+        <View
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            android:layout_weight="1"/>
+
+        <ImageView
+            android:layout_gravity="center_vertical"
+            android:id="@+id/ivEnter"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@drawable/enter_icon"/>
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/tvDeviceName"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textColor="@color/black"
+            android:textSize="16dp"
+            android:text="智能挂式防御机1"
+            android:textStyle="bold" />
+
+        <TextView
+            android:id="@+id/tvDeviceStatus"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="8dp"
+            android:textColor="@color/gray"
+            android:text="正在运行1"
+            android:textSize="12dp" />
+    </LinearLayout>
+
+</LinearLayout>
diff --git a/app/src/main/res/layout/item_family.xml b/app/src/main/res/layout/item_family.xml
new file mode 100644
index 0000000..276fa5b
--- /dev/null
+++ b/app/src/main/res/layout/item_family.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<TextView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/tvFamilyName"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@drawable/textinput_white_bg"
+    android:layout_marginBottom="8dp"
+    android:paddingHorizontal="14dp"
+    android:paddingVertical="12dp"
+    android:textColor="@color/black"
+    android:textSize="16sp" />