<template>
  <view class="content">
    <u-row>
      <u-col :span="6">
        <u-button @click="toPage('/pages/demo/index')">演示页面</u-button>
      </u-col>
      <u-col :span="6">
        <u-button @click="toPage(page.raw.appointment.index)">原材料预约</u-button>
      </u-col>
      <u-col :span="6">
        <u-button @click="toPage(page.raw.receiving.index)">原材料收货</u-button>
      </u-col>
    </u-row>
  </view>
</template>

<script lang="ts">
import { Component } from 'vue-property-decorator';
import { BasePage } from '@/components/base/page';

@Component
export default class Home extends BasePage {
  onLoad(): void {
    console.log('Page onLoad()...');
  }
}
</script>

<style lang="scss" scoped>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 100rpx;
}
</style>
