iframm-page.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>商城-创业帮</title>
  6. <meta name="keywords" content="商城-创业帮">
  7. <meta name="description" content="商城-创业帮">
  8. <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <meta content="telephone=no" name="format-detection">
  12. <meta content="email=no" name="format-detection">
  13. <meta name="apple-mobile-web-app-title" content="商城-创业帮">
  14. <meta http-equiv="Cache-Control" content="no-siteapp">
  15. <link rel="stylesheet" href="./static/css/main.css">
  16. </head>
  17. <body class="pt0 pb0 invited-old" style="padding-top:0;">
  18. <div class="iframe-page" id="app">
  19. <h1 @click="shareshow = true"></h1>
  20. <iframe class="iframe-container" :src="shareurl" frameborder="0"></iframe>
  21. <van-popup class="bgcf7f7f7" v-model="shareshow" position="bottom" :style="{ height: '29%' }">
  22. <div class="sharepanel rel">
  23. <div class="f12 c999 tc">分享到</div>
  24. <van-grid class="grad" :column-num="2">
  25. <van-grid-item text="微信" @click="weixin">
  26. <template #icon>
  27. <svg class="icon" aria-hidden="true">
  28. <use xlink:href="#icon-weixin"> </use>
  29. </svg>
  30. </template>
  31. </van-grid-item>
  32. <van-grid-item text="微信朋友圈" @click="weixinfriend">
  33. <template #icon>
  34. <svg class="icon" aria-hidden="true">
  35. <use xlink:href="#icon-pengyouquan"> </use>
  36. </svg>
  37. </template>
  38. </van-grid-item>
  39. </van-grid>
  40. <div class="tc mt16 cencal abs bgcfff f14 c333" @click="shareshow = false">取消</div>
  41. </div>
  42. </van-popup>
  43. </div>
  44. <script src="./static/js/klm-vv.min.js"></script>
  45. <script src="./static/js/appfunc.min.js"></script>
  46. <script src="./static/js/klm-axios-config.js"></script>
  47. <script src="./static/js/publicfn.js"> </script>
  48. <script src="./static/js/iconfont.js"></script>
  49. <script>
  50. function OnStart(){
  51. app.verificationrealauth();
  52. };
  53. // 通过 CDN 引入时不会自动注册 Lazyload 组件
  54. // 可以通过下面的方式手动注册
  55. Vue.use(vant.Lazyload);
  56. // 在 #app 标签下渲染一个按钮组件
  57. let app = new Vue({
  58. el: '#app',
  59. data() {
  60. return {
  61. shareshow:false,
  62. shareurl:'',
  63. };
  64. },
  65. created() {
  66. this.shareurl = PublicLib.getCookieInfo('articurl');
  67. },
  68. methods: {
  69. //- 我的订单
  70. rightbtn(){
  71. PublicLib.Goto({Url:'mall-deal-list'});
  72. },
  73. share(){
  74. this.shareshow = true;
  75. },
  76. //- 分享微信
  77. weixin(){
  78. PublicLib.ShareAppMessageImage({Title:'文章分享', Detail:'创业帮文章分享', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.shareurl});
  79. },
  80. //- 分享微信朋友圈
  81. weixinfriend(){
  82. PublicLib.ShareTimeline({Title:'文章分享', Detail:'创业帮文章分享', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.shareurl});
  83. },
  84. }
  85. });
  86. </script>
  87. </body>
  88. </html>