webview720.vue 796 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <view class="s_container" @touchmove.stop.prevent = "stopPenetrate">
  3. <web-view class="webview720" :src="url" v-if='bShowWebview'></web-view>
  4. <!-- <web-view class="webview720" :src="url"></web-view> -->
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. data() {
  10. return {
  11. url:'https://www.yuyekeji.cn/H5/720/',
  12. bShowWebview:false,
  13. }
  14. },
  15. methods: {
  16. onClickShutWebview(){
  17. // console.log('3333')
  18. this.bShowWebview=false;
  19. },
  20. onClickShow(){
  21. this.bShowWebview=true;
  22. },
  23. stopPenetrate(){
  24. return;
  25. },
  26. }
  27. }
  28. </script>
  29. <style lang="scss" scoped>
  30. .s_container {
  31. position: fixed;
  32. width: 100%;
  33. height: 100%;
  34. z-index: 3;
  35. // background-color: #ff0000;
  36. }
  37. .webview720{
  38. width: 100%;
  39. height: 100%;
  40. z-index: 3;
  41. }
  42. </style>