shutDownWebview.vue 809 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <view class="s_container" v-if='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: 50%;
  28. // height: 50%;
  29. width: px2vw(78);
  30. height: px2vw(58);
  31. z-index: 1;
  32. }
  33. .shut_down{
  34. margin-top: 2%;
  35. margin-right: 2%;
  36. width: px2vw(78);
  37. height: px2vw(58);
  38. background: #ffffff;
  39. border-radius: px2vw(8);
  40. display: flex;
  41. text-align: center;
  42. align-items: center;
  43. justify-content: center;
  44. }
  45. </style>