<?xml version="1.0" encoding="UTF-8"?>
<a:screen xmlns:c="leaf.application.action" xmlns:p="uncertain.proc" xmlns:a="http://www.leaf-framework.org/application" trace="true">

    <a:view>
        <style>
            html,body{
                background: #eee;
            }
            h1{
                color: black;
                margin: 10px;
                font-size: 16px;
                font-weight: bold;
                padding: 10px;
            }
        </style>

        //当设置type为hap的时候,会切换为hap的样式
        <a:tabPanel type="hap" id="hap_tabs" height="180" marginWidth="30">
            <a:tabs>
                <a:tab id="hap_title_1" prompt="项目信息" width="100">
                    <h1>这是项目信息</h1>
                </a:tab>
                <a:tab id="hap_title_2" prompt="合同信息" width="100">
                    <h1>这是合同信息</h1>
                </a:tab>
                <a:tab id="hap_title_3" prompt="收付管理" width="100">
                    <h1>这是收付管理</h1>
                </a:tab>
            </a:tabs>
        </a:tabPanel>

        //不设置的时候调用默认样式
        <a:tabPanel id="tabs" height="180" marginWidth="30">
            <a:tabs>
                <a:tab id="title_1" prompt="项目信息" width="100">
                    <h1>这是项目信息</h1>
                </a:tab>
                <a:tab id="title_2" prompt="合同信息" width="100">
                    <h1>这是合同信息</h1>
                </a:tab>
                <a:tab id="title_3" prompt="收付管理" width="100">
                    <h1>这是收付管理</h1>
                </a:tab>
            </a:tabs>
        </a:tabPanel>
    </a:view>

</a:screen>