webview720.vue 688 B

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