QML from scratch to write NetEase cloud Music (Iv.)

Import local Music page (function to be implemented)

Import QtQuick 2.7 Import qtquick.controls 2.2 Import qtquick.layouts 1.3 Page {Property int interval:20*dp R
        ectangle{id:rectangle1 anchors.fill:parent color: "#fefefe" Border.color: "#fefefe" 
            border.width:0 Label {id:title y:27 width:79 height:30 Text:qstr ("local music") Font.pixelsize:20 font.bold:true HorizontalAlignment : Text.alignhcenter verticalAlignment:Text.AlignBottom Anchors.left:parent.left Anch
            Ors.leftmargin:20 font.family: "Arial"} Label {Id:musicnum y:37 width:47 height:20 text:qstr ("0 songs,") Font.pixelsize:14 Ho RizontalAlignment:Text.AlignHCenter VerticalAlignment:Text.AlignBottom Anchors.bottom:title.bot Tom anchors.Bottommargin:3 anchors.left:title.right anchors.leftmargin:20} label{ 
            Id:choosedir y:37 width:66 height:20 anchors.bottom:title.bottom
            Anchors.bottommargin:3 Anchors.left:musicNum.right Anchors.leftmargin:10 Text:qstr ("Select Directory") color: "#0C9DDA" HorizontalAlignment:Text.AlignHCenter Vertical
                Alignment:Text.AlignBottom font.pixelsize:14 mousearea{anchors.fill:parent
            CursorShape:Qt.PointingHandCursor}} Rectangle {id:listbtn x:500 y:37 width:30 height:30//text:qstr ("1") ANC Hors.bottom:title.bottom anchors.bottommargin:0 Anchors.right:singerBtn.left Anchor
       s.rightmargin:0     Radius:2 label{anchors.fill:parent Font.family:icomoonFont.name
                FONT.PIXELSIZE:15*DP;
                VerticalAlignment:Label.AlignVCenter;
                HorizontalAlignment:Label.AlignHCenter;
            Color: "#999999" text: "\uf039";
            }} Rectangle {id:singerbtn x:509 y:37 width:30 Height:30//text:qstr ("2") Anchors.bottom:title.bottom Anchors.bottommargi n:0 anchors.right:specialBtn.left anchors.rightmargin:0 radius:2 Label {anchors.fill:parent Font.family:icomoonFont.name//font.pixelsize:15*
                dp
                VerticalAlignment:Label.AlignVCenter;
                HorizontalAlignment:Label.AlignHCenter; Color: "#999999" TeXT: "\uf007";
            }} Rectangle {id:specialbtn x:534 y:37 width:30 Height:30//text:qstr ("3") Anchors.bottom:title.bottom Anchors.bottommargi
                n:0 anchors.right:folder.left anchors.rightmargin:0 radius:2 label{
                Anchors.fill:parent Font.family:icomoonFont.name//FONT.PIXELSIZE:15*DP;
                VerticalAlignment:Label.AlignVCenter;
                HorizontalAlignment:Label.AlignHCenter;
            Color: "#999999" text: "\uf192";
            }} Rectangle {Id:folder x:558 y:37 width:30 
            Height:30//text:qstr ("4") Anchors.bottom:title.bottom anchors.bottommargin:0 Anchors.right:parent.right Anchors.rightmargin:20 radius:2 label{anchors.fill:parent font.
                Family:icomoonFont.name//FONT.PIXELSIZE:15*DP;
                VerticalAlignment:Label.AlignVCenter;
                HorizontalAlignment:Label.AlignHCenter;
            Color: "#999999" text: "\uf07b"; }} Rectangle {id:interval y:73 height:3 border.width
            : 0 anchors.right:parent.right anchors.rightmargin:0 Anchors.left:parent.left
            anchors.leftmargin:0 color: "#f0f0f0"} Rectangle {Id:rectangle2 Color: "#ffffff" Anchors.right:parent.right anchors.rightmargin:0 anchors.left : Parent.left anchors.leftmargin:0 Anchors.bottom:parent.bottom Anchors.bottommargin
          : 0  Anchors.top:interval.bottom anchors.topmargin:0 Button {Id:button x:232 y:181 width:240 height:75 Anchors.hori ZontalCenter:parent.horizontalCenter Anchors.verticalCenter:parent.verticalCenter BACKGR  ound:rectangle{radius:5 color:button.hovered? "#1167A8": "#0C73C2" label{anchors.fill:parent text
                        : Qstr ("choose Local Folder") Color: "#ffffff" verticalAlignment:Label.AlignVCenter;
                        HorizontalAlignment:Label.AlignHCenter;
                            font{family: "Microsoft Yahei";
              PIXELSIZE:20}}} mousearea{      Anchors.fill:parent cursorshape:hovered?
                Qt.PointingHandCursor:Qt.ArrowCursor}} Label {Id:label x:231 y:66 width:177 height:32 text:qstr ("Please select local music") Font.bold:true anchors.bottom:label1.top Anchors.bottommargi N:20 Anchors.horizontalCenter:parent.horizontalCenter verticalAlignment:Text.AlignVCent Er horizontalAlignment:Text.AlignHCenter font{family: "Microsoft YaH
                    Ei ";
                Pixelsize:18 bold:true;
                }} Label {Id:label1 x:136 y:117 width:369 height:32 text:qstr ("Upgrade local music for high quality and share with friends. ") ANCHors.bottom:button.top anchors.bottommargin:20 Anchors.horizontalCenter:parent.horizont
                Alcenter VerticalAlignment:Text.AlignVCenter HorizontalAlignment:Text.AlignHCenter
                    font{family: "Microsoft Yahei"; Pixelsize:16}}}}

qml from scratch to write the NetEase Cloud Music catalogue