storeList1_win.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <title>Hello APP</title>
  7. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  8. <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/aui-win.css" />
  10. <script src="../../script/jquery.min.js"></script>
  11. <style>
  12. div.screening {
  13. top: 70px;
  14. position: inherit;
  15. }
  16. div.screening > ul > li {
  17. line-height: 2.5 rem;
  18. }
  19. .slide {
  20. height: 200px
  21. }
  22. .slide li a {
  23. font-size: 1.1 rem;
  24. }
  25. </style>
  26. </head>
  27. <style>
  28. </style>
  29. <body>
  30. <header class="aui-bar aui-bar-nav aui-bar-info" id="aui-header">
  31. <a class="aui-btn aui-btn-info aui-pull-left" tapmode onclick="closeWin()"> <span class="aui-iconfont aui-icon-left"></span> </a>
  32. <div class="aui-title" id="aui-title">
  33. 商品列表
  34. </div>
  35. <a class="aui-btn aui-btn-info aui-pull-right" tapmode onclick="shaixuan()"><span class="icon iconfont icon-shaixuan" style="font-size: 18px;"></span></a>
  36. </header>
  37. <!-- current 为选中样式 -->
  38. </body>
  39. <script type="text/javascript" src="../../script/api.js"></script>
  40. <script type="text/javascript" src="../../script/vue.js"></script>
  41. <script type="text/javascript">
  42. function closeWin() {
  43. api.closeWin({
  44. });
  45. }
  46. var h = 0;
  47. apiready = function() {
  48. api.addEventListener({
  49. name : 'hideFrame'
  50. }, function(ret, err) {
  51. _this.$set(_this.btns[_this.btnIndex], "checked", false);
  52. })
  53. api.addEventListener({
  54. name : 'showInfo'
  55. }, function(ret, err) {
  56. // 打开选择规格页面
  57. api.openFrame({
  58. name : 'storeChoose_body',
  59. url : 'storeChoose_body.html',
  60. bounces :false,
  61. vScrollBarEnabled : false,
  62. hScrollBarEnabled : false,
  63. rect : {
  64. x : 0,
  65. y : 0,
  66. w : 'auto',
  67. h : 'auto'
  68. },
  69. pageParam : {
  70. info : JSON.stringify(ret.value.shopInfo),
  71. type : ret.value.type,
  72. agentId : ret.value.agentId
  73. },
  74. animation : {
  75. type : "movein", //动画类型(详见动画类型常量)
  76. subType : "from_bottom", //动画子类型(详见动画子类型常量)
  77. duration : 300 //动画过渡时间,默认300毫秒
  78. },
  79. bgColor : 'rgba(0,0,0,0)',
  80. })
  81. });
  82. api.parseTapmode();
  83. var header = $api.byId('aui-header');
  84. $api.fixStatusBar(header);
  85. var headerPos = $api.offset(header);
  86. var body_h = $api.offset($api.dom('body')).h;
  87. h = headerPos.h;
  88. api.openFrame({
  89. name : 'storeList1_body',
  90. url : 'storeList1_body.html',
  91. bounces : false,
  92. vScrollBarEnabled : false,
  93. hScrollBarEnabled : false,
  94. rect : {
  95. x : 0,
  96. y : headerPos.h,
  97. w : 'auto',
  98. h : 'auto'
  99. },
  100. bgColor : '#f5f5f5',
  101. pageParam : {
  102. h : h
  103. }
  104. })
  105. }
  106. function shaixuan(){
  107. api.sendEvent({
  108. name:'kucunjjs_body',
  109. extra : {
  110. f : 'kucunjjs_body',
  111. h : h
  112. }
  113. });
  114. }
  115. </script>
  116. </html>