AicsKnowledgeBase_client/AicsKnowledgeBase/qml/component/NoteListItem.qml

import QtQuick 2.15
import FluentUI
import QtQuick.Layouts

FluArea {
    id: noteItem
    property string uuid
    property string title
    property string brief
    property string date
    property int pageView
    property int stars
    property string author
    property string authorId

    ColumnLayout {
        id: row
        anchors.fill: parent
        anchors.margins: 10
        spacing: 10
        RowLayout {
            id: titleRow
            Layout.preferredWidth: parent.width
            FluText {
                text: title
                font.bold: true
                font.pointSize: 15
                Layout.alignment: Qt.AlignLeft
            }
            FluText {
                text: author
                Layout.alignment: Qt.AlignRight
            }
        }
        FluText {
            text: "     " + brief
            Layout.fillWidth: true
            wrapMode: Text.WrapAnywhere
            elide: Text.ElideRight
            maximumLineCount: 3
        }
        RowLayout {
            id: bottomRow
            Layout.preferredWidth: parent.width
            FluText {
                text: date
                color: "#5F5F5F"
                Layout.alignment: Qt.AlignLeft
            }
            FluText {
                text: pageView + " 浏览"
                color: "#5F5F5F"
                Layout.alignment: Qt.AlignRight
            }
            FluText {
                text: stars + " 收藏"
                color: "#5F5F5F"
                Layout.alignment: Qt.AlignRight
            }
        }
    }
}