my_devices_win.html 2.62 KB
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的设备win</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/utils/deviceList.css"/>
    <style>
        html,
        body{
          background-color: #F4F6F9;
        }
    </style>
</head>
<body>
  <div id="app">
    <header class="aui-header-bar" style="padding-top:30px;background-color:#5B7FF8">
      <div class="aui-header-left" tapmode onclick="api.closeWin()">
          <i class="aui-iconfont aui-icon-left" style="color:#FFFFFF;font-size:16px;">返回</i>
      </div>
      <div class="aui-title title-font">我的设备</div>
      <div v-if="userType === 1" class="aui-header-right">
        <img src="../../image/open-scanner.png" style="width:22px;height:22px;margin-top:0.5rem;" tapmode onclick="openCanner(false)"/>
      </div>
    </header>
    <footer></footer>
  </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/element.js"></script>
<script type="text/javascript">
    apiready = function(){
      var header = $api.dom('header'); // 获取 header 标签元素
      var footer = $api.dom('footer'); // 获取 footer 标签元素
      var headerH = $api.fixStatusBar(header);
      var footerH = $api.fixTabBar(footer);
      api.parseTapmode();
       //---------初始化vue
       vm = new Vue({
          el: '#app',
          data: {
            userType: Number(api.getPrefs({sync: true,key: 'userType'})),
          },
          created() {
            api.openFrame({
              name: 'my_devices_frm',
              url: './my_devices_frm.html',
              rect: {
                  x: 0,
                  y: headerH,
                  w: api.winWidth,
                  h: api.winHeight-headerH-footerH
              },
              bounces: true,
              slidBackEnabled:true,
              hScrollBarEnabled: true,
              vScrollBarEnabled: true        
            });
          },
          mounted() {
          },
          methods: {
          }
        })
    };
</script>
</html>