shutDownWebview.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <view class="s_container df aife jcc" v-if='bShowWebview'>
  3. <view class="shut_down df aic jcc" @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. this.$emit("onClick_KSKC");
  18. },
  19. onClickShow() {
  20. this.bShowWebview = true;
  21. }
  22. }
  23. }
  24. </script>
  25. <style lang="scss" scoped>
  26. .s_container {
  27. position: fixed;
  28. width: 100%;
  29. height: 100%;
  30. // width: px2vw(78);
  31. // height: px2vw(58);
  32. z-index: 1;
  33. }
  34. .shut_down {
  35. // margin-top: 2%;
  36. // margin-right: 2%;
  37. // width: px2vw(78);
  38. // height: px2vw(58);
  39. // background: #ffffff;
  40. // border-radius: px2vw(8);
  41. // display: flex;
  42. // text-align: center;
  43. // align-items: center;
  44. // justify-content: center;
  45. width: px2vw(200);
  46. height: px2vw(58);
  47. background: #EA252C;
  48. border-radius: px2vw(8);
  49. font-size: px2vw(24);
  50. color: #FFFFFF;
  51. line-height: px2vw(31);
  52. margin-bottom: px2vw(63);
  53. }
  54. </style>