打印网关界面语言之基础组件

78 阅读1分钟

文本设计

<text font="Cascadia Mono" fallback="false" weight="bold" stretch="75%" size="1em" tracking="1em" spacing="1em" cjk-latin-spacing="none" baseline="1em" overhang="false" top-edge="ascender" bottom-edge="bounds" lang="en" script="grek" dir="rtl" hyphenate="false" kerning="false" alternates="true" ligatures="false" discretionary-ligatures="true" historical-ligatures="true" number-type="old-style" number-width="tabular" slashed-zero="true" fractions="true" fill="red" content="lchjczw">
    <stroke length="0.5pt" color="red"></stroke>
</text>

table设计

<table>
    <headers>
        <header width="auto">
            <content>*编号*</content>
        </header>
        <header width="1fr">
            <content>*数量*</content>
        </header>
    </headers>
    <rows></rows>
    <gutters>
        <gutter>0em</gutter>
    </gutters>
    <column-gutters>
        <column-gutter>0em</column-gutter>
        <column-gutter>0em</column-gutter>
    </column-gutters>
    <row-gutters>
        <row-gutter>0em</row-gutter>
        <row-gutter>0em</row-gutter>
    </row-gutters>
    <fills>
        <fill>red</fill>
    </fills>
    <aligns>
        <align>left</align>
        <align>right</align>
    </aligns>
    <inset></inset>
    <content>123</content>
    <content>234</content>
    <content>345</content>
    <content>456</content>
</table>

网格布局

<grid>
    <columns>
        <column>60pt</column>
        <column>60pt</column>
        <column>60pt</column>
    </columns>
    <rows>
        <row>2em</row>
    </rows>
    <gutters>
        <gutter>0em</gutter>
    </gutters>
    <column-gutters>
        <column-gutter>0em</column-gutter>
    </column-gutters>
    <row-gutters>
        <row-gutter>0em</row-gutter>
    </row-gutters>
    <fills>
        <fill>red</fill>
        <fill>green</fill>
        <fill>blue</fill>
    </fills>
    <aligns>
        <align>left</align>
        <align>right</align>
    </aligns>
    <stroke length="1pt" color="blue"></stroke>
    <content>123</content>
    <content>234</content>
    <content>345</content>
    <content>345</content>
    <content>345</content>
    <content>345</content>
    <content>345</content>
    <content>345</content>
</grid>

居左、居中、居右布局

<align alignment="center">
    <content>lchjczw</content>
</align>

倾斜···