qml自定义界面(三) 带背景的编辑框

矩形和 textinput 结合而成
 Rectangle{

        x:30;

        y:80;

        width:100;

        height: 30;

        color:"lightgray";

        border.color: "blue";

        border.width: 2;

        radius: 8;

        TextInput

        {

            id:phoneNumber;

            focus: true;

            width: 200;

            height: 30;

            x:10;

            y:4;

        }

    }