up.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="http://static.iamberry.com/css/mui.min.css?v=2016101701" />
  10. <link rel="stylesheet" type="text/css" href="http://static.iamberry.com/css/shop/iconfont.css?v=2016101701" />
  11. <link rel="stylesheet" type="text/css" href="http://static.iamberry.com/css/shop/style.css?v=2016101701" />
  12. <link rel="stylesheet" type="text/css" href="http://static.iamberry.com/css/previewimage.css?v=2016101701" />
  13. <link rel="stylesheet" type="text/css" href="http://static.iamberry.com/css/shop/up.css?v=2016101701" />
  14. <script>
  15. // 屏蔽分享
  16. window.hiddenAllWechatMenu = true;
  17. </script>
  18. </head>
  19. <body style="background: #fff;">
  20. <div class="loading-bg">
  21. <div class="mui-loading">
  22. <div class="mui-spinner">
  23. </div>
  24. &nbsp;&nbsp;加载中...
  25. </div>
  26. </div>
  27. <div class="mui-content">
  28. <form name="form">
  29. <ul class="mui-table-view mui-grid-view" id="my-img-view">
  30. <li class="mui-table-view-cell mui-media mui-col-xs-4">
  31. <a><img class="mui-media-object" data-preview-src="" data-preview-group="1" src="http://static.iamberry.com/images/shop/shareImages/share-1.jpg"></a>
  32. <div class="mui-input-row mui-checkbox">
  33. <label>&nbsp;</label>
  34. <input name="box1" value="share-1.jpg" type="checkbox" onClick="countChoices(this)">
  35. </div>
  36. </li>
  37. <li class="mui-table-view-cell mui-media mui-col-xs-4">
  38. <a><img class="mui-media-object" data-preview-src="" data-preview-group="1" src="http://static.iamberry.com/images/shop/shareImages/share-2.jpg"></a>
  39. <div class="mui-input-row mui-checkbox">
  40. <label>&nbsp;</label>
  41. <input name="box2" value="share-2.jpg" type="checkbox" onClick="countChoices(this)">
  42. </div>
  43. </li>
  44. <li class="mui-table-view-cell mui-media mui-col-xs-4">
  45. <a><img class="mui-media-object" data-preview-src="" data-preview-group="1" src="http://static.iamberry.com/images/shop/shareImages/share-3.jpg"></a>
  46. <div class="mui-input-row mui-checkbox">
  47. <label>&nbsp;</label>
  48. <input name="box3" value="share-3.jpg" type="checkbox" onClick="countChoices(this)">
  49. </div>
  50. </li>
  51. <li class="mui-table-view-cell mui-media mui-col-xs-4 hide">
  52. <a><img class="mui-media-object" data-preview-src="" data-preview-group="1" src="http://static.iamberry.com/images/shop/shareImages/share-4.jpg"></a>
  53. <div class="mui-input-row mui-checkbox">
  54. <label>&nbsp;</label>
  55. <input name="box4" value="share-4.jpg" type="checkbox" onClick="countChoices(this)">
  56. </div>
  57. </li>
  58. <li class="mui-table-view-cell mui-media mui-col-xs-4 hide">
  59. <a><img class="mui-media-object" data-preview-src="" data-preview-group="1" src="http://static.iamberry.com/images/shop/shareImages/share-5.jpg"></a>
  60. <div class="mui-input-row mui-checkbox">
  61. <label>&nbsp;</label>
  62. <input name="box5" value="share-5.jpg" type="checkbox" onClick="countChoices(this)">
  63. </div>
  64. </li>
  65. <li class="mui-table-view-cell mui-media mui-col-xs-4 hide">
  66. <a><img class="mui-media-object" data-preview-src="" data-preview-group="1" src="http://static.iamberry.com/images/shop/shareImages/share-6.jpg"></a>
  67. <div class="mui-input-row mui-checkbox">
  68. <label>&nbsp;</label>
  69. <input name="box6" value="share-6.jpg" type="checkbox" onClick="countChoices(this)">
  70. </div>
  71. </li>
  72. <li class="mui-table-view-cell mui-media mui-col-xs-4 hide">
  73. <a><img class="mui-media-object" data-preview-src="" data-preview-group="1" src="http://static.iamberry.com/images/shop/shareImages/share-7.jpg"></a>
  74. <div class="mui-input-row mui-checkbox">
  75. <label>&nbsp;</label>
  76. <input name="box7" value="share-7.jpg" type="checkbox" onClick="countChoices(this)">
  77. </div>
  78. </li>
  79. <li class="mui-table-view-cell mui-media mui-col-xs-4 hide">
  80. <a><img class="mui-media-object" data-preview-src="" data-preview-group="1" src="http://static.iamberry.com/images/shop/shareImages/share-8.jpg"></a>
  81. <div class="mui-input-row mui-checkbox">
  82. <label>&nbsp;</label>
  83. <input name="box8" value="share-8.jpg" type="checkbox" onClick="countChoices(this)">
  84. </div>
  85. </li>
  86. <!-- <li class="mui-table-view-cell mui-media mui-col-xs-4 hide">
  87. <a><img class="mui-media-object" data-preview-src="" data-preview-group="1" src="/iamberry/common/shop/shareImages/share-9.jpg"></a>
  88. <div class="mui-input-row mui-checkbox">
  89. <label>&nbsp;</label>
  90. <input name="box9" value="share-9.jpg" type="checkbox" onClick="countChoices(this)">
  91. </div>
  92. </li> -->
  93. <li class="mui-table-view-cell mui-text-left hide">
  94. <div class="mui-table">
  95. <div class="mui-table-cell mui-col-xs-10 ft-14">
  96. 请选择要分享的图片
  97. <p class="mui-h6 mui-ellipsis">注:最多可选择3张</p>
  98. </div>
  99. </div>
  100. </li>
  101. </ul>
  102. </form>
  103. </div>
  104. <ul class="mui-table-view" id="my-up-arrow">
  105. <li class="mui-table-view-cell mui-text-center my-arrow">共8张图片<span class="mui-icon mui-icon-arrowdown"></span></li>
  106. <li class="mui-table-view-cell my-hide">
  107. <div class="mui-input-row mui-checkbox">
  108. <label class="line-clamp-2">这个产品,作为新手爸爸,还是很喜欢的,真心觉得很方便,就这几天的使用给点建议,如果APP数据报表再直观点,这个产品就完美了,希望官方能改进,这么牛的产品还是值得推荐和分享的。</label>
  109. <input name="radio1" type="checkbox" value="shareOne">
  110. </div>
  111. <span class="content-more">更多</span>
  112. </li>
  113. <li class="mui-table-view-cell my-hide">
  114. <div class="mui-input-row mui-checkbox">
  115. <label class="line-clamp-2">养娃不易啊!这产品应该早点出来,之前给宝宝冲奶都是跟老公猜拳决定的,谁输谁去,现在他都抢着冲奶,父爱泛滥了,哈哈,这个冲奶机真的好用哦,关键还不贵,强烈推荐!</label>
  116. <input name="radio1" value="shareTwo" type="checkbox" >
  117. </div>
  118. <span class="content-more">更多</span>
  119. </li>
  120. <li class="mui-table-view-cell my-hide no-after">
  121. <div class="mui-input-row mui-checkbox">
  122. <label class="line-clamp-2">工作忙的很,宝宝一直是老人带,看到冲奶机时她还不让买呢,作为儿女,就是想给她减轻点负担,结果她用后连连夸赞,说用冲奶机给娃冲奶确实方便,还好我没省这点钱,话说回来,我们这么辛苦赚钱是为了啥,不就是为了给家人更好的生活吗?几百块就能解决大问题,多值啊!</label>
  123. <input name="radio1" type="checkbox" value="shareThree">
  124. </div>
  125. <span class="content-more">更多</span>
  126. </li>
  127. <li class="mui-table-view-cell my-hide" style="padding-bottom: 8px;">
  128. <textarea id="textarea" rows="3" placeholder="我要发表评论……"></textarea>
  129. <h6>注: 好友通过您分享链接购买后,您将得到??元现金返利作为回馈!</h6>
  130. </li>
  131. <li class="mui-table-view-cell mui-text-center my-hide">
  132. <div>
  133. <button type="button" class="mui-btn my-btn-gray" disabled="disabled" id="btn-share">立即分享</button>
  134. </div>
  135. </li>
  136. </ul>
  137. <script src="http://static.iamberry.com/js/mui.min.js?v=2016101701"></script>
  138. <script src="http://static.iamberry.com/js/jquery-2.1.1.min.js"></script>
  139. <script src="http://static.iamberry.com/js/shop/main.js?v=2016101701"></script>
  140. <script src="http://static.iamberry.com/js/shop/wechat-utils-1.0.js"></script>
  141. <script src="http://static.iamberry.com/js/mui.zoom.js"></script>
  142. <script src="http://static.iamberry.com/js/mui.previewimage.js"></script>
  143. <script src="http://static.iamberry.com/js/shop/up.js?v=2016101701"></script>
  144. </body>
  145. </html>