index.vue 696 B

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