用uniapp写类似微信聊天气泡操作框弹出

实现类似微信聊天气泡操作框弹出的效果，可以使用uniapp提供的弹窗组件 `uni-popup` 和 `uni-icons`。

以下是一个示例代码：

<template>
  <view>
    <button @click="showPopup">显示气泡</button>
    <uni-popup v-model="show" position="bottom" :style="{height: popupHeight + 'px'}">
      <view class="popup-container">
        <view class="popup-arrow"></view>
        <view class="popup-content">
          <text>复制</text>
          <uni-icons type="copy" size="20"></uni-icons>
        </view>
        <view class="popup-content">
          <text>删除</text>
          <uni-icons type="trash"></uni-icons>
        </view>
        <view class="popup-content">
          <text>转发</text>
          <uni-icons type="share"></uni-icons>
        </view>
      </view>
    </uni-popup>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        show: false,
        popupHeight: 120
      };
    },
    methods: {
      showPopup() {
        this.show = true;
      }
    }
  };
</script>

<style>
  .popup-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
  }
  .popup-arrow {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transform: rotate(45deg);
  }
  .popup-content {
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .popup-content uni-icons {
    margin-left: 10px;
  }
</style>

在上面的示例中，我们使用 `uni-popup` 组件实现了气泡的弹出效果。通过设置 `position="bottom"`，可以让气泡从底部弹出。我们还设置了一个 `style` 属性，用来指定气泡的高度。

在气泡的容器中，我们使用了 `uni-icons` 组件来显示图标。通过设置不同的 `type` 属性，可以显示不同的图标。

在样式中，我们设置了气泡容器的样式，以及气泡箭头的样式。通过设置 `transform: rotate(45deg)`，可以让箭头旋转45度，使其看起来像一个气泡的箭头。

你可以根据自己的需求，调整气泡的样式和内容。