用Popup仿MessageBox 支持HTML语法混排

Popup {
    property var subtext: ""
    property var subtitle: ""
    id: messsagebox2
    x: 0
    y: 0
    padding: 0
    background: Item{}
    //是否使用popup背景
    //              dim:false
    width: parent.width
    height: parent.height
    modal: true
    focus: true
    closePolicy: Popup.NoAutoClose

    Rectangle {
        id: pp
        width: parent.width*0.8
        height: parent.height/2
        anchors.centerIn: parent
        color: "#35C47F"
        radius: 5
        clip: true
        Old.ScrollView {
            id:flck
            width: parent.width
            height: parent.height -mok.height
            Column{
                id:col

                Text{
                    id:title
                    text:subtitle
                    font.pointSize: 24
                    verticalAlignment: Text.AlignVCenter
                    padding: 15
                    width: parent.width
                    height: 40
                    color: "#FAFCF7"
                    wrapMode: Text.WrapAnywhere
                    textFormat: Text.RichText
                    BorderImage {
                        id:closeimg
                        source: "qrc:/HelpUI/res/XX.bmp"
                        width: 24; height: 24
                        border.left: 1; border.top: 1
                        border.right: 1; border.bottom: 1
                        x:title.width - width - 5
                        y:title.height/2 - height/2
                        MouseArea{
                            anchors.fill: parent
                            onClicked: {
                                messsagebox2.close();
                            }
                        }
                        Timer{
                            id:tttest
                            running: messsagebox2.visible
                            repeat: true
                            interval: 2000
                            triggeredOnStart: true//第一次先主动触发一次onTriggered
                            onTriggered: {
                                console.log("**one  time***")
                                dh.restart()
                                mok.width=Math.random()*mok.height*1.7+mok.height*1.5

                            }
                        }
                        NumberAnimation {
                            id:dh
                            target: closeimg
                            running: messsagebox2.visible
                            property: "rotation"
                            from:0
                            to:360
                            loops:1/*AnimatedSprite.Infinite*/
                            duration: 500
                            easing.type: Easing.InOutQuad
                        }
                    }
                }
                Rectangle{width: parent.width*0.75;height: 2;color: "#27AE61"}

                //内容
                Text{
                    id: txt
                    text: subtext
                    font.pixelSize: 16
                    font.bold: true
                    //                    verticalAlignment: Text.AlignVCenter
                    //                    horizontalAlignment: Text.AlignHCenter
                    color: "#FAFCF7"
                    width: flck.width
                    wrapMode: Text.WrapAnywhere
                    textFormat: Text.RichText
                }

            }

        }

        //确定按钮
        Button{
            id:mok
            //居中
            x:pp.width/2 -width/2
            anchors.top: flck.bottom
            width: height*1.5

            height:60
            text: "确定"
            Material.background:"#35C37F"
            Material.foreground:"#FAFCF7"
            onClicked: {
                messsagebox2.close();
            }
            Behavior on width {
                NumberAnimation{ duration: 2000; easing.type: Easing.OutInBounce}
            }


        }



        layer.enabled: true
        layer.effect: DropShadow {
            transparentBorder: true//绘制边框阴影
            color: "#80000000";
            radius: 30.0;
            id:drop;

            //cached: true;
            horizontalOffset: 0;
            verticalOffset: 0;
            samples: 16;
            smooth: true;
        }
    }
    function msg(title , txt)
    {
        subtitle = title;
        subtext = txt;
        messsagebox2.open();
    }



}

    MyMessageBox{
        id:gobalMsg
    }
    function  gMessage(title,txt)
    {
        gobalMsg.msg(title,txt)
    }
   gMessage("错误","<img align='middle' src='qrc:/image/TipIcon/warning.png' width='24' height='24' \>账号密码长度不正确")