index.vue 639 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <view class="content">
  3. <view class="text-area">
  4. <text class="title">{{title}}</text>
  5. </view>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. title: 'Hello'
  13. }
  14. },
  15. onLoad() {
  16. },
  17. methods: {
  18. }
  19. }
  20. </script>
  21. <style>
  22. .content {
  23. display: flex;
  24. flex-direction: column;
  25. align-items: center;
  26. justify-content: center;
  27. }
  28. .logo {
  29. height: 200rpx;
  30. width: 200rpx;
  31. margin-top: 200rpx;
  32. margin-left: auto;
  33. margin-right: auto;
  34. margin-bottom: 50rpx;
  35. }
  36. .text-area {
  37. display: flex;
  38. justify-content: center;
  39. }
  40. .title {
  41. font-size: 36rpx;
  42. color: #8f8f94;
  43. }
  44. </style>