<template>
  <view class="container p-4 bg-gray-100">
    <Globals />

    <u-button @tap="$u.route('/pages/test/test')">打开test界面</u-button>
    <!-- <view class="mt-5">
      <u-button type="primary" size="default" @click="$u.route('/pages/plugin-test/plugin-test')">iframe 验证</u-button>
    </view>
    <view class="my-3">
      <u-button type="warning" size="default" class="my-3" @click="$u.route('/pages/rich-text/rich-text')">pinch 事件验证</u-button>
    </view>
    <view class="my-3">
      <u-button type="error" size="default" @click="openPage">pinch 事件验证</u-button>
    </view> -->
  </view>
</template>

<script>
import Globals from 'components/Globals/index.vue';

export default {
  components: { Globals },
  data() {
    return { title: 'Hello' };
  },
  onLoad() {},
  methods: {
    openPage() {
      console.log('open');
      this.$u.route('/pages/pinch/pinch');
    },
  },
};
</script>
