sailun
/
sailun-shop


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
							<!DOCTYPE html>
<html class="">
<!--STATUS OK-->

<head>
    <meta name="referrer" content="always" />
    <meta charset='utf-8' />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-win.css" />
    <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script type="text/javascript" src="../script/aui-tab.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/vant-ui.js"></script>
    <script src="js/main.js"></script>
    <title></title>
</head>
<style>
    .card-list {
        display: flex;
        justify-content: center;
    }

    .card {
        width: 7rem;
        border-radius: .3rem;
        background-color: #fff;
        padding: .25rem .2rem;
        margin: .2rem 0 0 0;
    }

    .card-head {
        border-bottom: 1px solid #EDEDED;
        padding-bottom: .2rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .square{
      width: .08rem;
      height: .4rem;
      position: relative;
      left: -0.2rem;
    }
    .status{
      width: 1.5rem;
      height: .5rem;
      position: relative;
      right: -0.35rem;
      font-size: .26rem;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem;
    }
    .triangle{
      width:0;
       height:0;
       border-width:.078rem;
       border-style:solid;
       border-color: #B89804 transparent transparent #B89804;
       position: relative;
       right: -1.7rem;
    }
    .backColor-F6CF19{
      background-color: #F6CF19;
    }
    .card-main {
        color: #AEAEAE;
        padding: .1rem 0;
    }

    .card-foot {

    }
</style>

<body>
    <div id="app" style="background-color:#EDEDED">
        <header class="aui-bar aui-bar-nav aui-bar-info" id="aui-header">
            <div>
                <a class="aui-btn aui-btn-info aui-pull-left" tapmode onclick="closeWin()"> <span class="aui-iconfont aui-icon-left"></span> </a>
                <div class="aui-title" id="aui-title">
                    我的订单
                </div>
            </div>
        </header>
        <div class="card-list">
            <div class="card">
                <div class="card-head">
                  <div style="display:flex;flex-direction:row;align-items:center">
                    <div class="square backColor-F6CF19">
                    </div>
                    <div style="font-size:.35rem;">
                      订单号
                    </div>
                  </div>
                  <div>
                    <div class="status backColor-F6CF19">
                      待审核
                    </div>
                    <div class="triangle">
                    </div>
                  </div>
                </div>
                <div class="card-main">
                </div>
                <div class="card-foot">

                </div>
            </div>
        </div>
    </div>


</body>
<link rel="stylesheet" href="./mescroll/mescroll.min.css">
<script type="text/javascript" src="./js/qrcode.min.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="./mescroll/mescroll.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/httpRequest.js"></script>
<script type="text/javascript" src="../script/vue_plugins.js"></script>
<script type="text/javascript">
    function closeWin() {
        api.closeWin({});
    }
    apiready = function() {
        api.parseTapmode();
        var header = $api.byId('aui-header');
        $api.fixStatusBar(header);
        new Vue({
            el: '#app',
            data: {

            },
            methods: {
                init: function() {},
            },
            mounted: function() {
                this.init();
            }
        })
    }
</script>

</html>