<?xml version="1.0" encoding="UTF-8"?> <!-- @auth:Think @version: 1.0 --> <a:screen xmlns:a="http://www.leaf-framework.org/application"> <a:init-procedure/> <a:view template="default" package="leaf.ui.std"> <style> html, body { width: 291px; height: 60px; margin: 0; padding: 0; } .widget-calculator { width: 240px; height: 46px; background: #FFFFFF; border: 0px solid #F0F0F3; } .widget-calculator div { / / border: 1 px solid red; } .widget-calculator .calculator-img { float: left; height: 100%; width: 46px; } .widget-calculator .calculator-img .img-content { width: 46px; margin-left: 0px; height: 100%; } .widget-calculator .calculator-img .img-content img { width: 47px; /*height:60px;*/ margin-top: 0px; border-radius: 5px; } .widget-calculator .calculator-content { margin-left: 0px; height: 100%; float: left; } .widget-calculator .calculator-content .content-title { margin-left:33px; margin-top:13px; width: 80px; height: 16px; font-family: NotoSansHans-Regular; font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; } .widget-calculator .right-arrow { float:right; margin-right:25px; margin-top:16px; width: 7px; height: 10px; } .widget-calculator .right-arrow .right-arrow-img{ width: 5px; /*height: 10px;*/ cursor: pointer; } </style> <script><![CDATA[ function calculator () { top.mainJumpCode('HLS500N'); } ]]></script> <div class="widget-calculator" id="widget-calculator"> <div class="calculator-img"> <div class="img-content"> <img src="${/request/@context_path}/leafresource/images/home_page/leaf-calculator@2x.png"/> </div> </div> <div class="calculator-content"> <div class="content-title">租金计算器</div> </div> <div class="right-arrow" onclick="calculator()"> <img class="right-arrow-img" src="${/request/@context_path}/leafresource/images/home_page/detail-arrow@2x.png"/> </div> </div> <a:screenBody style="display:none"> </a:screenBody> </a:view> </a:screen>