<com.google.android.material.card.MaterialCardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:layout_margin="10dp"
    app:cardCornerRadius="4dp">

    <LinearLayout
        android:id="@+id/bookRank_backimg"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="#80F0FFF0"
        android:padding="16dp">

        <TextView
            android:id="@+id/bookRank_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="5dp"
            android:text="热门图书榜"
            android:textSize="18sp"
            android:textStyle="bold" />

        <!-- 三本书的条目 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/bookRank_1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="1"
                android:textSize="16sp">
            </TextView>
            <!-- 图书封面 -->
            <ImageView
                android:id="@+id/bookRank_pic1"
                android:layout_width="45dp"
                android:layout_height="70dp"
                android:layout_marginLeft="10dp"
                android:src="@drawable/pre_load" /> <!-- 假设你有一个名为book_cover的图片资源 -->

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center_vertical"
                android:orientation="vertical"
                android:padding="8dp">

                <!-- 图书名称 -->
                <TextView
                    android:id="@+id/bookRank_name1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="图书标题"
                    android:textSize="16sp"
                    android:textStyle="bold" />

                <!-- 图书评分 -->
                <TextView
                    android:id="@+id/bookRank_desc1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="8.5"
                    android:textSize="14sp" />
            </LinearLayout>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:orientation="horizontal">
            <TextView
                android:id="@+id/bookRank_2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="2"
                android:textSize="16sp">
            </TextView>

            <!-- 图书封面 -->
            <ImageView
                android:id="@+id/bookRank_pic2"
                android:layout_width="45dp"
                android:layout_height="70dp"
                android:layout_marginLeft="10dp"
                android:src="@drawable/pre_load" /> <!-- 假设你有一个名为book_cover的图片资源 -->

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center_vertical"
                android:orientation="vertical"
                android:padding="8dp">

                <!-- 图书名称 -->
                <TextView
                    android:id="@+id/bookRank_name2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="图书标题"
                    android:textSize="16sp"
                    android:textStyle="bold" />

                <!-- 图书评分 -->
                <TextView
                    android:id="@+id/bookRank_desc2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="8.5"
                    android:textSize="14sp" />
            </LinearLayout>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:orientation="horizontal">
            <TextView
                android:id="@+id/bookRank_3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="3"
                android:textSize="16sp">
            </TextView>
            <!-- 图书封面 -->
            <ImageView
                android:id="@+id/bookRank_pic3"
                android:layout_width="45dp"
                android:layout_height="70dp"
                android:layout_marginLeft="10dp"
                android:src="@drawable/pre_load" /> <!-- 假设你有一个名为book_cover的图片资源 -->

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center_vertical"
                android:orientation="vertical"
                android:padding="8dp">

                <!-- 图书名称 -->
                <TextView
                    android:id="@+id/bookRank_name3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="图书标题"
                    android:textSize="16sp"
                    android:textStyle="bold" />

                <!-- 图书评分 -->
                <TextView
                    android:id="@+id/bookRank_desc3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="8.5"
                    android:textSize="14sp" />
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</com.google.android.material.card.MaterialCardView>