chooseAction.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title>screening</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  7. <meta name="apple-touch-fullscreen" content="yes">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="format-detection" content="telephone=no">
  11. <meta http-equiv="x-rim-auto-match" content="none"/>
  12. <meta name="HandheldFriendly" content="true"/>
  13. <link type="text/css" rel="stylesheet" href="../../css/aui.css">
  14. <link type="text/css" rel="stylesheet" href="../../css/shaixuan.css">
  15. <script src="../../script/jquery.min.js"></script>
  16. <script src="../../script/shaixuan.js"></script>
  17. <style>
  18. body,html {
  19. background-color: transparent;
  20. }
  21. .aui-list-item-right {
  22. color: #8ec31f !important;
  23. }
  24. .aui-list .aui-list-item-text {
  25. font-size: 0.6 rem;
  26. }
  27. .aui-content {
  28. z-index: -1;
  29. /*margin-top: 2.05rem;*/
  30. }
  31. .aui-media-list .aui-list-item-inner {
  32. padding-top: 0.5 rem;
  33. padding-bottom: 0.3 rem;
  34. }
  35. .aui-list-item-arrow:before {
  36. z-index: 0;
  37. }
  38. .aui-line {
  39. display: flex;
  40. display: -webkit-flex;
  41. float: right;
  42. font-size: 0.6 rem;
  43. color: #757575;
  44. margin-top: 10px;
  45. }
  46. .aui-btn-buy {
  47. border: 1px solid #08acee;
  48. color: #08acee;
  49. padding: 2px 7px;
  50. border-radius: 5px;
  51. }
  52. .aui-btn-addCar {
  53. border: 1px solid #008000;
  54. color: #008000;
  55. padding: 2px 7px;
  56. border-radius: 5px;
  57. margin-left: 10px;
  58. }
  59. [v-cloak] {
  60. display: none;
  61. }
  62. .aui-background {
  63. background-color: #000;
  64. opacity: 0.2;
  65. z-index: 3;
  66. position: fixed;
  67. top: 0;
  68. left: 0;
  69. width: 100%;
  70. height: 100%;
  71. }
  72. .Sort-height {
  73. top: 0;
  74. }
  75. .aui-sort-bg {
  76. position: fixed;
  77. width: 100%;
  78. height: 100%;
  79. overflow: hidden;
  80. top: 0;
  81. left: 0;
  82. background-color: #000;
  83. opacity: 0.2;
  84. }
  85. .meishi22>ul>li, .grade-eject>ul>li, .Category-eject>ul>li, .Sort-eject>ul>li {
  86. height: 1.8rem;
  87. line-height: 1.8rem;
  88. font-size : 0.55rem !important;
  89. }
  90. </style>
  91. </head>
  92. <body>
  93. <div id="app">
  94. <!-- 选择项 -->
  95. <div class="aui-sort">
  96. <div class="aui-sort-bg" v-on:click="closeFrame"></div>
  97. <div class="Sort-eject Sort-height">
  98. <ul class="Sort-Sort" id="Sort-Sort">
  99. <li >
  100. 条件1
  101. </li>
  102. <li >
  103. 条件1
  104. </li>
  105. <li >
  106. 条件1
  107. </li>
  108. <li >
  109. 条件1
  110. </li>
  111. <li >
  112. 条件1
  113. </li>
  114. <li >
  115. 条件1
  116. </li>
  117. </ul>
  118. </div>
  119. </div>
  120. </div>
  121. </body>
  122. <script src="../../script/api.js" type="text/javascript"></script>
  123. <script type="text/javascript" src="../../script/aui-scroll.js"></script>
  124. <script type="text/javascript" src="../../script/vue.js"></script>
  125. <script type="text/javascript" src="../../script/httpRequest.js"></script>
  126. <script type="text/javascript" src="../../script/vue_plugins.js"></script>
  127. <script type="text/javascript">
  128. apiready = function() {
  129. new Vue({
  130. el : '#app',
  131. data : {
  132. },
  133. methods : {
  134. init : function() {
  135. var _this = this;
  136. },
  137. // 关闭页面
  138. closeFrame : function(){
  139. this.sendEvent("hideFrame");
  140. api.closeFrame({
  141. });
  142. }
  143. },
  144. mounted : function() {
  145. this.init();
  146. }
  147. })
  148. }
  149. function closeFrame(){
  150. api.closeFrame({
  151. });
  152. }
  153. </script>
  154. </html>