QT时钟控件显示

import QtQuick 2.6
import QtQuick.Layouts 1.3
/*
 * 作者: yubo
 * 功能: Time
 * 描述: 时间时钟显示
 * 日期: 2018-07-12
 */
Item {
    property var timeSetValueId: [ hourTen, hourBit, miniuteTen, miniuteBit ]
    property alias hourTenValue: hourTen.infoValue
    property alias hourBitValue: hourBit.infoValue
    property alias miniuteTenValue: miniuteTen.infoValue
    property alias miniuteBitValue: miniuteBit.infoValue

    RowLayout {
        width: 300
        TextFieldAuto {
            id: hourTen
            width: 30
            fontFamilyType: 0
            valueWidth: 40
            valueFontSize: 45
            infoValue: hourTenValue
        }
        TextFieldAuto {
            id: hourBit
            width: 30
            fontFamilyType: 0
            valueWidth: 40
            valueFontSize: 45
            infoValue: hourBitValue
        }
        TextFieldAuto {
            width: 30
            valueWidth: 40
            valueFontSize: 45
            infoValue: ":"
        }
        TextFieldAuto {
            id: miniuteTen
            width: 30
            fontFamilyType: 0
            valueWidth: 40
            valueFontSize: 45
            infoValue: miniuteTenValue
        }
        TextFieldAuto {
            id: miniuteBit
            width: 30
            fontFamilyType: 0
            valueWidth: 40
            valueFontSize: 45
            infoValue: miniuteBitValue
        }
    }
}

import QtQuick 2.6

/*
 * 作者: yubo
 * 功能: 文本控件
 * 描述: Text进行一层包装，方便修改
 * 日期: 2018-07-12
 */
Item {
    // 文本
    property string infoValue: ""
    // 文本颜色
    property string valueColor: "#ffffff"
    // 文本字体大小
    property int valueFontSize: 25
    // 斜体字体
    property bool fontItalic: false
    // 粗体字体
    property bool fontBold: false
    // 文本宽度
    property real valueWidth: 200
    // 文本字体 1:文字字体 其他:数值字体
    property int fontFamilyType: 1
    // 文本对齐方式 0:居中 1:左对齐 2:右对齐
    property int valuePositionType: 0

    property bool isWrap: true

    Text {
        id: infoValueText
        width: valueWidth
        wrapMode: isWrap ? Text.Wrap : Text.NoWrap
        lineHeight: 1.4
        horizontalAlignment: {
            if (valuePositionType === 1) {
                Text.AlignLeft;
            } else if (valuePositionType === 2) {
                Text.AlignRight;
            } else {
                Text.AlignHCenter;
            }
        }
        text: ML.lan(infoValue)
        color: valueColor
        font.pixelSize: valueFontSize
        font.letterSpacing: 3
        font.family: fontFamilyType === 1 ? UiController.font["SourceHanSansCN"] : UiController.font["YZKJ8"]
        font.italic: fontItalic
        font.bold: fontBold
    }
}