<template>
  <view class="container p-4">
    <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>
export default {
  data() {
    return { title: 'Hello' };
  },
  onLoad() {},
  methods: {
    openPage() {
      console.log('open');
      this.$u.route('/pages/pinch/pinch');
    },
  },
};
</script>
