65 lines
1.3 KiB
QML
65 lines
1.3 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQuick.Window 2.15
|
|
import FluentUI 1.0
|
|
|
|
Item {
|
|
|
|
FluText{
|
|
id:title
|
|
text:"Awesome"
|
|
fontStyle: FluText.TitleLarge
|
|
}
|
|
|
|
FluTextBox{
|
|
id:text_box
|
|
placeholderText: "搜索"
|
|
anchors{
|
|
topMargin: 20
|
|
top:title.bottom
|
|
}
|
|
}
|
|
|
|
GridView{
|
|
cellWidth: 120
|
|
cellHeight: 60
|
|
clip: true
|
|
model:FluApp.awesomelist()
|
|
anchors{
|
|
topMargin: 10
|
|
top:text_box.bottom
|
|
left: parent.left
|
|
right: parent.right
|
|
bottom: parent.bottom
|
|
}
|
|
delegate: Item {
|
|
|
|
width: 120
|
|
height: 60
|
|
|
|
FluIconButton{
|
|
id:item_icon
|
|
icon: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
|
|
text: modelData.name
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
}
|