generator-minxing/app/templates/oa/oa-template/warp.html

generator for creating minxing web app.

<header data-mxin-widget="header" class="mxin-header mxin-header-default">
    <div class="mxin-header-left mxin-header-nav jumpgo">
        <a><img class="mxin-header-icon-custom" src="data:image/svg+xml;charset=utf-8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 12 20&quot;&gt;&lt;path d=&quot;M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z&quot; fill=&quot;%23fff&quot;/&gt;&lt;/svg&gt;" alt=""/></a>
    </div>
    <h1 class="mxin-header-title">
        我的工作
    </h1>
</header>
<link rel="stylesheet" href="styles/mx.css" />
<style>
.mxin-header-icon-custom{
        height: 16px;
        width: auto;
        vertical-align: middle;
    }
    .mx-cell_af{
        border-bottom: 1px solid #d9d9d9;
    }
    .mx-ps-bt{
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        font-size: 14px;
    }
    .mx-flex-tx{
         border:1px solid #d9d9d9;
         padding: 10px 0;
         text-align: center;
    }
    .mx-media-box__title{
         font-size: 14px;
    }
    .mx-cells::before{
        border-top: none;
    }
    .mx-cells__title{
        font-size: 12px;
    }
    .mx-cells{
        margin-top: 0;
    }
    .mx-bor-t{
        border-top: 1px solid #e5e5e5;
    }
    .mx_page{
        top: 49px;
    }
    .mx-cells__title{
        margin-bottom: 0.7em;
    }
    .mx-alert1{
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%);
        background: #fff;
    }
    .mx-text{
        padding: 15px;
    }
    .ios .mx-mg-t23{
        margin-top: 23px;
    }
    @media screen and (min-width: 380px) {
        .mx-media-box__title{
            font-size: 16px;
        }
        .mx-cells__title{
            font-size: 14px;
        }
        .mx-media-box__title{
            font-size: 16px;
        }
        .mx-mg-t46{
            margin-top: 0;
        }
    }
</style>
<div class="mx-panel__bd mx-mg-t23 mx-an">
	<div class="mx-cells">
            <div class="mx-cell mx-cell_af">
                <div class="mx-cell__bd">
                    <p class="mx-media-box__title">王震  请假申请，待您审批</p>
                </div>
            </div>
            <div class="mx-body">
                <p class="mx-cells__title">开始时间: <span class="mx-sp">2015-8-11 13:13</span></p>
                <p class="mx-cells__title">结束时间: <span class="mx-sp">2015-8-26 14:10</span></p>
                <p class="mx-cells__title">请假天数: <span class="mx-sp">15天</span></p>
            </div>
             <div class="mx-cells">
                <a class="mx-cell mx-cell_access mx-bor-t" href="javascript:;">
                    <div class="mx-cell__bd">
                        <p class="mx-media-box__title">详情</p>
                    </div>
                    <div class="mx-cell__ft">
                    </div>
                </a>
            </div>
    </div>

       <!-- <div class="mx-alert1">
            <p class="mx-text">审批成功</p>
       </div> -->
</div>
    <div class="mx-ps-bt">
        <div class="mx-flex">
            <div class="mx-flex__item mx-flex-tx"><div class="placeholder">申请</div></div>
            <div class="mx-flex__item mx-flex-tx"><div class="placeholder">我的申请</div></div>
            <div class="mx-flex__item mx-flex-tx"><div class="placeholder" id="placeholder">审批</div></div>
            <!-- <div class="mx-flex__item"><div class="placeholder">mx</div></div> -->
        </div>    
    </div>
    <script>
        $('#placeholder').click(function(){
            setTimeout(function(){
                console.log(1)
               window.location.href = "#index"
            },0)
        });
        (function() {
            var agent = navigator.userAgent;
            if (/iphone|ipad|ipod/i.test(agent)) {
                $('body').addClass('ios'); 
            }
          }());
    </script>