WIDGET-CALCULATOR.lview

<?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: 264px;
                height: 72px;
                margin: 0;
                padding: 0;
            }

            .widget-calculator {
                width: 264px;
                height: 72px;
                background: #FFFFFF;
                border: 1px solid #F0F0F3;
                cursor: pointer;
            }

            .widget-calculator div {
            / / border: 1 px solid red;
            }

            .widget-calculator .calculator-img {
                float: left;
                height: 100%;
                width: 53px;
            }

            .widget-calculator .calculator-img .img-content {
                width: 33px;
                border-top: 4px solid rgba(90, 127, 255, 1);
                margin-left: 20px;
                height: 100%;

            }

            .widget-calculator .calculator-img .img-content img {
                width: 33px;
                margin-top: 12px;

            }

            .widget-calculator .calculator-content {
                margin-left: 20px;
                height: 100%;
                float: left;
            }

            .widget-calculator .calculator-content .content-title {
                font-size: 14px;
                color: rgba(75, 80, 90, 0.85);
                letter-spacing: 0;
                margin-top: 15px;
            }

            .widget-calculator .calculator-content .content-sub {
                font-size: 12px;
                color: rgba(75, 80, 90, 0.75);
                letter-spacing: 0;
                margin-top: 4px;
            }

            .widget-calculator .widget-calculator-img {
                margin-top: 31px;
                margin-left: 227px;
                width: 37px;
                height: 41px;
                background-image: url("${/request/@context_path}/leafresource/images/home_page/calculator@2x.png");
                background-repeat: no-repeat;
                filter: alpha(opacity=30);
                -moz-opacity: 0.3;
                -khtml-opacity: 0.3;
                opacity: 0.3;

            }


        </style>
        <script><![CDATA[
        function calculator () {
            top.mainJumpCode('HLS500N');
        }
        ]]></script>
        <div class="widget-calculator" id="widget-calculator" onclick="calculator()">
            <div class="calculator-img">
                <div class="img-content">
                    <img src="${/request/@context_path}/leafresource/images/home_page/calculator@2x.png"/>

                </div>
            </div>
            <div class="calculator-content">
                <div class="content-title">租金计算器</div>
                <div class="content-sub">计算项目合同每期租金</div>
            </div>
            <div class="widget-calculator-img">

            </div>

        </div>
        <a:screenBody style="display:none">

        </a:screenBody>
    </a:view>
</a:screen>