123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <!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"/>
- <title>Hello APP</title>
- <link rel="stylesheet" type="text/css" href="../css/api.css" />
- <link rel="stylesheet" type="text/css" href="../css/aui-win.css" />
- <script src="js/vue.js"></script>
- </head>
- <style>
- .add-right{
- display: flex;
- justify-content: flex-end;
- align-self: flex-end;
- font-size: .8rem;
- padding-right: .6rem;
- }
- </style>
- <body>
- <header class="aui-bar aui-bar-nav aui-bar-info" id="aui-header">
- <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 id="app" class="add-right" v-on:click="openWin('addressList')">
- 添加新地址
- </div>
- </header>
- </body>
- <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);
- var headerPos = $api.offset(header);
- var body_h = $api.offset($api.dom('body')).h;
- api.openFrame({
- name : 'ressList_body',
- url : 'ressList_body.html',
- bounces : false,
- vScrollBarEnabled : false,
- hScrollBarEnabled : false,
- rect : {
- x : 0,
- y : headerPos.h,
- w : 'auto',
- h : 'auto'
- },
- bgColor:'#f5f5f5',
- })
- };
- new Vue({
- el: '#app',
- data: {
- },
- methods: {
- openWin: function(src) {
- this.goWin(src, src + '_win.html', '');
- },
- },
- })
- </script>
- </html>
|