76 lines
1.8 KiB
QML
76 lines
1.8 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import QtQuick.Window
|
|
import FluentUI
|
|
|
|
FluContentPage {
|
|
|
|
title:"Awesome"
|
|
|
|
leftPadding:10
|
|
rightPadding:10
|
|
bottomPadding:20
|
|
|
|
FluTextBox{
|
|
id:text_box
|
|
placeholderText: "请输入关键字"
|
|
anchors{
|
|
topMargin: 20
|
|
top:parent.top
|
|
}
|
|
}
|
|
|
|
FluFilledButton{
|
|
text:"搜索"
|
|
anchors{
|
|
left: text_box.right
|
|
verticalCenter: text_box.verticalCenter
|
|
leftMargin: 14
|
|
}
|
|
onClicked: {
|
|
grid_view.model = FluApp.awesomelist(text_box.text)
|
|
}
|
|
}
|
|
GridView{
|
|
id:grid_view
|
|
cellWidth: 80
|
|
cellHeight: 80
|
|
clip: true
|
|
model:FluApp.awesomelist()
|
|
ScrollBar.vertical: FluScrollBar {}
|
|
anchors{
|
|
topMargin: 10
|
|
top:text_box.bottom
|
|
left: parent.left
|
|
right: parent.right
|
|
bottom: parent.bottom
|
|
}
|
|
delegate: Item {
|
|
width: 68
|
|
height: 80
|
|
FluIconButton{
|
|
id:item_icon
|
|
iconSource:modelData.icon
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
onClicked: {
|
|
var text ="FluentIcons."+modelData.name;
|
|
FluApp.clipText(text)
|
|
showSuccess("您复制了 "+text)
|
|
}
|
|
}
|
|
FluText {
|
|
id:item_name
|
|
font.pixelSize: 10
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.top: item_icon.bottom
|
|
width:parent.width
|
|
wrapMode: Text.WrapAnywhere
|
|
text: modelData.name
|
|
|
|
horizontalAlignment: Text.AlignHCenter
|
|
}
|
|
}
|
|
}
|
|
}
|