#

whycq

2023-09-30 18ed2c710b31951a286a0fb084a0ff041c30416d

 pages/index/index.vue

New file
@@ -0,0 +1,52 @@
<template>
   <view class="content">
      <image class="logo" src="/static/logo.png"></image>
      <view class="text-area">
         <text class="title">{{title}}</text>
      </view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            title: 'Hello'
         }
      },
      onLoad() {

      },
      methods: {

      }
   }
</script>

<style>
   .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }

   .logo {
      height: 200rpx;
      width: 200rpx;
      margin-top: 200rpx;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50rpx;
   }

   .text-area {
      display: flex;
      justify-content: center;
   }

   .title {
      font-size: 36rpx;
      color: #8f8f94;
   }
</style>