瑶都万能墙
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.

95 lines
1.5 KiB

7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
  1. <template>
  2. <uv-popup ref="popup" :round="30">
  3. <view class="page">
  4. <view class="UniversalWall">
  5. <view class="look">
  6. <view class="logo">
  7. <image src="/static/image/logo.jpg" mode="aspectFill"></image>
  8. </view>
  9. <view class="wall">
  10. 瑶都万能墙
  11. </view>
  12. <view class="invite">
  13. <button><uv-icon name="attach"></uv-icon></button>
  14. </view>
  15. </view>
  16. </view>
  17. </view>
  18. </uv-popup>
  19. </template>
  20. <script>
  21. export default {
  22. data() {
  23. return {}
  24. },
  25. methods: {
  26. open() {
  27. this.$refs.popup.open('bottom')
  28. },
  29. }
  30. }
  31. </script>
  32. <style scoped lang="scss">
  33. .page {
  34. height: 250rpx;
  35. border-radius: 15rpx;
  36. .UniversalWall {
  37. height: 100%;
  38. width: 100%;
  39. background-color: rgb(247,247,249);
  40. border-radius: 15rpx;
  41. .look {
  42. display: flex;
  43. .wall {
  44. font-size: 30rpx;
  45. letter-spacing: 2px;
  46. color: black;
  47. margin: 70rpx 0rpx;
  48. }
  49. .invite {
  50. margin-top: 45rpx;
  51. margin-left: auto;
  52. button{
  53. background-color: white;
  54. font-size: 30rpx;
  55. display: flex;
  56. width: 200rpx;
  57. justify-content: center;
  58. align-items: center;
  59. border-radius: 20rpx !important;
  60. padding: 0 !important;
  61. margin: 0 !important;
  62. }
  63. }
  64. .logo {
  65. width: 120rpx;
  66. height: 120rpx;
  67. margin: 30rpx;
  68. image {
  69. width: 100%;
  70. height: 100%;
  71. border-radius: 15rpx;
  72. }
  73. }
  74. }
  75. }
  76. .title {}
  77. }
  78. </style>