diff --git a/app/src/main/java/io/legado/app/ui/book/search/SearchAdapter.kt b/app/src/main/java/io/legado/app/ui/book/search/SearchAdapter.kt
index c95f5eb7e..f5af25507 100644
--- a/app/src/main/java/io/legado/app/ui/book/search/SearchAdapter.kt
+++ b/app/src/main/java/io/legado/app/ui/book/search/SearchAdapter.kt
@@ -83,30 +83,7 @@ class SearchAdapter(context: Context, val callBack: CallBack) :
             ll_kind.gone()
         } else {
             ll_kind.visible()
-            for (index in 0..2) {
-                if (kinds.size > index) {
-                    when (index) {
-                        0 -> {
-                            tv_kind.text = kinds[index]
-                            tv_kind.visible()
-                        }
-                        1 -> {
-                            tv_kind_1.text = kinds[index]
-                            tv_kind_1.visible()
-                        }
-                        2 -> {
-                            tv_kind_2.text = kinds[index]
-                            tv_kind_2.visible()
-                        }
-                    }
-                } else {
-                    when (index) {
-                        0 -> tv_kind.gone()
-                        1 -> tv_kind_1.gone()
-                        2 -> tv_kind_2.gone()
-                    }
-                }
-            }
+            ll_kind.setLabels(kinds)
         }
     }
 
diff --git a/app/src/main/java/io/legado/app/ui/explore/ExploreShowAdapter.kt b/app/src/main/java/io/legado/app/ui/explore/ExploreShowAdapter.kt
index 8e2fcf5e8..a30d966f7 100644
--- a/app/src/main/java/io/legado/app/ui/explore/ExploreShowAdapter.kt
+++ b/app/src/main/java/io/legado/app/ui/explore/ExploreShowAdapter.kt
@@ -32,30 +32,7 @@ class ExploreShowAdapter(context: Context, val callBack: CallBack) :
                 ll_kind.gone()
             } else {
                 ll_kind.visible()
-                for (index in 0..2) {
-                    if (kinds.size > index) {
-                        when (index) {
-                            0 -> {
-                                tv_kind.text = kinds[index]
-                                tv_kind.visible()
-                            }
-                            1 -> {
-                                tv_kind_1.text = kinds[index]
-                                tv_kind_1.visible()
-                            }
-                            2 -> {
-                                tv_kind_2.text = kinds[index]
-                                tv_kind_2.visible()
-                            }
-                        }
-                    } else {
-                        when (index) {
-                            0 -> tv_kind.gone()
-                            1 -> tv_kind_1.gone()
-                            2 -> tv_kind_2.gone()
-                        }
-                    }
-                }
+                ll_kind.setLabels(kinds)
             }
             iv_cover.load(item.coverUrl, item.name, item.author)
             onClick {
diff --git a/app/src/main/res/layout/item_search.xml b/app/src/main/res/layout/item_search.xml
index 83b78a759..73154072b 100644
--- a/app/src/main/res/layout/item_search.xml
+++ b/app/src/main/res/layout/item_search.xml
@@ -58,49 +58,11 @@
             android:textColor="@color/tv_text_default"
             android:textSize="12sp" />
 
-        <LinearLayout
+        <io.legado.app.ui.widget.LabelsBar
             android:id="@+id/ll_kind"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:orientation="horizontal">
-
-            <io.legado.app.ui.widget.text.AccentBgTextView
-                android:id="@+id/tv_kind"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginEnd="6dp"
-                android:paddingLeft="3dp"
-                android:paddingRight="3dp"
-                android:singleLine="true"
-                android:text="@string/app_name"
-                android:textSize="12sp"
-                app:radius="2dp" />
-
-            <io.legado.app.ui.widget.text.AccentBgTextView
-                android:id="@+id/tv_kind_1"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginEnd="6dp"
-                android:paddingLeft="3dp"
-                android:paddingRight="3dp"
-                android:singleLine="true"
-                android:text="@string/app_name"
-                android:textSize="12sp"
-                app:radius="2dp" />
-
-            <io.legado.app.ui.widget.text.AccentBgTextView
-                android:id="@+id/tv_kind_2"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginEnd="6dp"
-                android:paddingLeft="3dp"
-                android:paddingRight="3dp"
-                android:singleLine="true"
-                android:text="@string/app_name"
-                android:textSize="12sp"
-                app:radius="2dp" />
-
-        </LinearLayout>
+            android:orientation="horizontal" />
 
         <TextView
             android:id="@+id/tv_lasted"