shutDownWebview.vue 769 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <view class="s_container" v-show='bShowWebview'>
  3. <view class="shut_down" @click="onClickShutWebview">退出</view>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. bShowWebview:false,
  11. }
  12. },
  13. methods: {
  14. onClickShutWebview(){
  15. this.bShowWebview=false;
  16. this.$emit('onHideWebview');
  17. },
  18. onClickShow(){
  19. this.bShowWebview=true;
  20. }
  21. }
  22. }
  23. </script>
  24. <style lang="scss" scoped>
  25. .s_container {
  26. position: fixed;
  27. width: 100%;
  28. height: 100%;
  29. // z-index: 3;
  30. }
  31. .shut_down{
  32. margin-top: 2%;
  33. margin-left: 92%;
  34. width: px2vw(78);
  35. height: px2vw(58);
  36. background: #ffffff;
  37. border-radius: px2vw(8);
  38. display: flex;
  39. text-align: center;
  40. align-items: center;
  41. justify-content: center;
  42. }
  43. </style>