uniapp 页面魔板

以下是一个简单的 uniapp 页面模板，你可以根据自己的需要进行修改:

<template>
  <view class="container">
    <text>{{message}}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      message: "Hello, World!"
    }
  },
  methods: {
    // 在这里添加自己的方法
  },
  mounted() {
    // 在这里进行页面初始化操作
  }
}
</script>

<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
</style>

这是一个简单的页面模板，其中包括一个容器 `<view>` 和一个文本框 `<text>`，以及一个 `data` 对象，用于存储页面数据。在 `methods` 中添加自己的方法，以及在 `mounted` 生命周期中进行页面初始化操作。同时，使用 CSS 样式来美化页面。