index.ux 761 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <div class="wechat-wrap">
  3. <div class="wechat-content">
  4. <text class="wechat-title">关注公众号方便您继续阅读</text>
  5. </div>
  6. </div>
  7. </template>
  8. <script>
  9. export default {
  10. data: {
  11. },
  12. onInit() {
  13. },
  14. }
  15. </script>
  16. <style lang="less" scoped>
  17. .wechat {
  18. &-wrap {
  19. position: fixed;
  20. top: 0;
  21. bottom: 0;
  22. left: 0;
  23. right: 0;
  24. background-color: rgba(0, 0, 0, 0.56);
  25. flex-direction: column;
  26. align-items: center;
  27. z-index: 2;
  28. justify-content: center;
  29. }
  30. &-content {
  31. width: 600px;
  32. height: 650px;
  33. background-color: #fff;
  34. flex-direction: column;
  35. align-items: center;
  36. }
  37. &-title {
  38. height: 120px;
  39. line-height: 120px;
  40. font-size: 32px;
  41. font-weight: bold;
  42. }
  43. }
  44. </style>