UNI-APP点击盒子1的时候让另外盒子2出现

UNI-APP 中，要实现点击盒子1时让盒子2出现，你可以使用 Vue.js 的组件交互和事件系统。首先，假设这两个盒子是两个独立的 Vue 组件，如 Box1 和 Box2。

1. 在 Box1 组件里（通常会有 @click 或者 @touchstart 事件监听），添加一个方法处理点击动作：

<template>
  <div @click="showBox2">点击我</div>
</template>

<script>
export default {
  methods: {
    showBox2() {
      this.$emit('open-box2'); // 触发自定义事件
    },
  },
};
</script>

2. 然后在 App 组件或者其他父组件中，接收并处理这个自定义事件：

<template>
  <uni-app>
    <box1 @open-box2="handleShowBox2"></box1>
    <box2 v-if="showingBox2">这是一个隐藏的盒子</box2>
  </uni-app>
</template>

<script>
import Box1 from './components/Box1.vue';
import Box2 from './components/Box2.vue';

export default {
  components: { Box1, Box2 },
  data() {
    return {
      showingBox2: false,
    };
  },
  methods: {
    handleShowBox2() {
      this.showingBox2 = true; // 显示 box2
    },
  },
};
</script>

在这个例子中，当用户点击 Box1 时，会触发 `open-box2` 事件，App 组件接收到这个事件后切换 `showingBox2` 的值，从而控制 Box2 的显示状态。