WIDGET-CALCULATOR-CSH.lview 3.02 KB
Newer Older
niminmin's avatar
niminmin committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105
<?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>