auto
/
AicsKnowledgeBase_client
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

调整了ContentPage

main
wuyize 2023-06-30 23:31:28 +08:00
parent 6572091478
commit 2fcb8a2797
5 changed files with 189 additions and 173 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
AicsKnowledgeBase/qml/MainWindow.qml
View File

@ -34,12 +34,11 @@ FluWindow {
layoutDirection: Qt.RightToLeft layoutDirection: Qt.RightToLeft
// Rectangle{ // Rectangle{
// anchors.fill: parent // anchors.fill: parent
// color: "red" // color: "red"
// } // }
Rectangle {
Rectangle{
color: FluColors.White color: FluColors.White
radius: 50 radius: 50
width: 32 width: 32
@ -47,7 +46,9 @@ FluWindow {
} }
Text { Text {
Layout.margins: {right: 10} Layout.margins: {
right: 10
}
text: "用户名" text: "用户名"
} }
} }
@ -80,13 +81,15 @@ FluWindow {
} }
} }
ContentPage{ ContentPage {
Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
topPadding: 10 Layout.fillWidth: true
Layout.topMargin: 20 Layout.topMargin: 45
Layout.bottomMargin: 4
Layout.rightMargin: 4
} }
/* /*
FluArea { FluArea {
Layout.fillHeight: true Layout.fillHeight: true
@ -116,7 +119,4 @@ FluWindow {
window.show() window.show()
} }
} }
} }

4
AicsKnowledgeBase/qml/component/FileList.qml
View File

@ -3,12 +3,10 @@ import QtQuick.Layouts
import FluentUI import FluentUI
import "qrc:///AicsKnowledgeBase/qml/global" import "qrc:///AicsKnowledgeBase/qml/global"
Window { Item {
id: fileListTestWindow id: fileListTestWindow
visible: true
width: 800 width: 800
height: 600 height: 600
title: "File List Test1"
signal search(string tag) signal search(string tag)
signal open(string file) signal open(string file)
Item { Item {

323
AicsKnowledgeBase/qml/page/ContentPage.qml
View File

@ -6,184 +6,199 @@ import QtQuick.Controls.Basic
import QtWebEngine 1.2 import QtWebEngine 1.2
import FluentUI import FluentUI
FluScrollablePage { FluArea {
id: contentPage paddings: 0
property int knowledgeFileId
property int likeCount: 0
property int favoriteCount: 0
property int shareCount: 0
property int browsCount: 555
property bool isLike: false
property bool isFavorite: false
property double fileSize: 455
property list<string> tags: ["tage 1", "tage 2", "tage 3"]
property date publishTime: new Date()
property string brief: "这是一个简介"
property string type: null
property var contentShow
Component.onCompleted: { // paddings: {
// top: 10
// right: 0
// bottom: 10
// left: 10
// }
FluScrollablePage {
id: contentPage
anchors.fill: parent
leftPadding: 10
topPadding: 10
rightPadding: 10
bottomPadding: 0
} property int knowledgeFileId
property int likeCount: 0
property int favoriteCount: 0
property int shareCount: 0
property int browsCount: 555
property bool isLike: false
property bool isFavorite: false
property double fileSize: 455
property list<string> tags: ["tag 1", "tag 2", "tag 3"]
property date publishTime: new Date()
property string brief: "这是一个简介"
property string type: null
property var contentShow
FluArea { Component.onCompleted: {
Layout.fillWidth: true
implicitHeight: 50
Layout.topMargin: 15
FluText {
id: text_title
padding: 10
text: "文章标题"
font{
pointSize: 15
bold: true
}
} }
ColumnLayout {
id: layout_share Item {
FluIconButton { Layout.fillWidth: true
id: button_share implicitHeight: 50
iconSize: 15
iconSource: FluentIcons.Share
text: contentPage.shareCount.toString()
}
FluText { FluText {
id: text_share id: text_title
text: contentPage.shareCount padding: 10
font.pointSize: 8 text: "文章标题"
anchors { font {
horizontalCenter: button_share.horizontalCenter pointSize: 15
top: button_share.bottom bold: true
} }
} }
anchors{ ColumnLayout {
verticalCenter: text_title.verticalCenter id: layout_share
right: parent.right FluIconButton {
id: button_share
iconSize: 15
iconSource: FluentIcons.Share
text: contentPage.shareCount.toString()
}
FluText {
id: text_share
text: contentPage.shareCount
font.pointSize: 8
anchors {
horizontalCenter: button_share.horizontalCenter
top: button_share.bottom
}
}
anchors {
verticalCenter: text_title.verticalCenter
right: parent.right
}
}
ColumnLayout {
id: layout_favorite
FluIconButton {
id: button_favorite
iconSize: 15
iconSource: contentPage.isFavorite ? FluentIcons.FavoriteStarFill : FluentIcons.FavoriteStar
}
FluText {
id: text_favorite
text: contentPage.favoriteCount
font.pointSize: 8
anchors {
horizontalCenter: button_favorite.horizontalCenter
top: button_favorite.bottom
}
}
anchors {
verticalCenter: text_title.verticalCenter
right: layout_share.left
}
}
ColumnLayout {
id: layout_like
FluIconButton {
id: button_like
iconSize: 15
iconSource: contentPage.isLike ? FluentIcons.HeartFill : FluentIcons.Heart
}
FluText {
id: text_like
text: contentPage.favoriteCount
font.pointSize: 8
anchors {
horizontalCenter: button_like.horizontalCenter
top: button_like.bottom
}
}
anchors {
verticalCenter: text_title.verticalCenter
right: layout_favorite.left
}
} }
}
ColumnLayout {
id: layout_favorite
FluIconButton { FluIconButton {
id: button_favorite id: button_download
iconSize: 15 iconSize: 25
iconSource: contentPage.isFavorite ? FluentIcons.FavoriteStarFill : FluentIcons.FavoriteStar iconSource: FluentIcons.Download
}
FluText {
id: text_favorite
text: contentPage.favoriteCount
font.pointSize: 8
anchors { anchors {
horizontalCenter: button_favorite.horizontalCenter verticalCenter: text_title.verticalCenter
top: button_favorite.bottom right: layout_like.left
rightMargin: 20
} }
} }
anchors{
verticalCenter: text_title.verticalCenter
right: layout_share.left
}
} }
ColumnLayout {
id: layout_like FluMediaPlayer {
FluIconButton { Layout.fillWidth: true
id: button_like
iconSize: 15
iconSource: contentPage.isLike ? FluentIcons.HeartFill : FluentIcons.Heart
}
FluText {
id: text_like
text: contentPage.favoriteCount
font.pointSize: 8
anchors {
horizontalCenter: button_like.horizontalCenter
top: button_like.bottom
}
}
anchors{
verticalCenter: text_title.verticalCenter
right: layout_favorite.left
}
} }
FluIconButton {
id: button_download Text {
iconSize: 25 id: textMd
iconSource: FluentIcons.Download text: contentPage.contentMd
anchors { textFormat: TextEdit.MarkdownText
verticalCenter: text_title.verticalCenter focus: true
right: layout_like.left }
rightMargin: 20 WebEngineView {
} id: sitemonitoryView
backgroundColor: "transparent"
implicitHeight: 200
Layout.fillWidth: true
settings.javascriptEnabled: true
settings.pluginsEnabled: true
url: "https://www.baidu.com"
} }
}
FluMediaPlayer { FluArea {
Layout.fillWidth: true Layout.fillWidth: true
} implicitHeight: 100
ColumnLayout {
Text { RowLayout {
id: textMd FluText {
text: contentPage.contentMd padding: 10
textFormat: TextEdit.MarkdownText text: contentPage.publishTime.toDateString()
focus: true }
} FluText {
WebEngineView { padding: 10
id: sitemonitoryView text: contentPage.fileSize.toString() + "Mb"
backgroundColor: "transparent" }
implicitHeight: 200 FluText {
Layout.fillWidth: true padding: 10
settings.javascriptEnabled : true text: contentPage.browsCount.toString() + "浏览量"
settings.pluginsEnabled:true }
url:"https://www.qt.io"
}
FluArea {
Layout.fillWidth: true
implicitHeight: 100
ColumnLayout {
RowLayout {
FluText{
padding: 10
text: contentPage.publishTime.toDateString()
} }
FluText{ FluText {
padding: 10 Layout.topMargin: -2
text: contentPage.fileSize.toString() + "Mb" Layout.leftMargin: 10
text: contentPage.brief
} }
FluText{ RowLayout {
padding: 10 Layout.topMargin: 2
text: contentPage.browsCount.toString()+"浏览量" Layout.leftMargin: 5
} Repeater {
} model: contentPage.tags
FluText{ delegate: Button {
Layout.topMargin: -2 Layout.margins: 2
Layout.leftMargin: 10 text: "#" + contentPage.tags[index]
text: contentPage.brief background: Rectangle {
} implicitHeight: 10
RowLayout{ implicitWidth: 10
Layout.topMargin: 2 color: FluColors.Grey20
Layout.leftMargin: 5 radius: 10
Repeater { }
model: contentPage.tags
delegate: Button {
Layout.margins: 2
text: "#"+contentPage.tags[index]
background: Rectangle {
implicitHeight: 10
implicitWidth: 10
color: FluColors.Grey20
radius: 10
} }
} }
} }
} }
} }
} FluText {
FluText { Layout.topMargin: 10
Layout.topMargin: 10 text: "笔记"
text: "笔记" font {
font { pointSize: 15
pointSize: 15 bold: true
bold: true }
} }
} }
} }

3
AicsKnowledgeBase/qml/page/FilePage.qml
View File

@ -4,6 +4,7 @@ import QtQuick.Window
import QtQuick.Controls import QtQuick.Controls
import QtQuick.Controls.Basic import QtQuick.Controls.Basic
import FluentUI import FluentUI
import "qrc:///AicsKnowledgeBase/qml/component"
FluArea{ FluArea{
property string url: '' property string url: ''
@ -18,5 +19,7 @@ FluArea{
text: "File" text: "File"
} }
FileList{}
} }

2
AicsKnowledgeBase/qml/page/HomePage.qml
View File

@ -15,7 +15,7 @@ FluArea{
FluText{ FluText{
Layout.topMargin: 20 Layout.topMargin: 20
text:"Home" text: "Home"
} }
} }