index.vue 688 B

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