邃芒慧影、口播(PC) https://neuver.metavatar.cc/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

68 line
1.3 KiB

  1. <template>
  2. <div class="page">
  3. <!-- <div class="title">{{ $t("API.comingSoon") }}</div> -->
  4. <!-- 左侧名称 -->
  5. <div class="left">
  6. <div class="scrollBox">
  7. <p>啊实打实大</p>
  8. </div>
  9. </div>
  10. <!-- 右侧介绍 -->
  11. <div class="right">
  12. <div class="scrollBox"></div>
  13. </div>
  14. </div>
  15. </template>
  16. <script setup>
  17. // import { ref } from 'vue'
  18. </script>
  19. <style lang="scss" scoped>
  20. .page {
  21. display: flex;
  22. width: 100%;
  23. overflow: hidden;
  24. overflow-y: scroll;
  25. background-color: #f5f5f5;
  26. border-radius: 25px 0 0 0;
  27. min-height: calc(100vh - 80px);
  28. // text-align: center;
  29. .title {
  30. font-size: 50px;
  31. }
  32. }
  33. .left {
  34. height: calc(100vh - 80px);
  35. width: 30%;
  36. padding: 30px 15px 30px 30px;
  37. font-size: 20px;
  38. background-color: #f5f5f5;
  39. .scrollBox {
  40. padding: 20px;
  41. height: calc(100vh - 80px - 60px);
  42. width: 100%;
  43. overflow-y: scroll;
  44. background-color: #fff;
  45. border-radius: 20px;
  46. box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
  47. }
  48. }
  49. .right {
  50. height: calc(100vh - 80px);
  51. width: 80%;
  52. padding: 30px 30px 30px 15px;
  53. background-color: #f5f5f5;
  54. .scrollBox {
  55. padding: 20px;
  56. height: calc(100vh - 80px - 60px);
  57. width: 100%;
  58. overflow-y: scroll;
  59. background-color: #fff;
  60. border-radius: 20px;
  61. box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
  62. }
  63. }
  64. </style>