<?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>