uniapp 点击出来一个图片加文字 同时背景变暗

您可以使用uni-app提供的uni-popup组件来实现此效果。

首先，需要在页面中引入uni-popup组件：

<template>
  <view>
    <!-- 点击触发弹窗的按钮 -->
    <button @click="showPopup">打开弹窗</button>
    <!-- 弹窗 -->
    <uni-popup
      v-model="popupShow"
      position="center"
      :overlay="true"
      :overlay-style="{backgroundColor: 'rgba(0,0,0,.5)'}"
    >
      <!-- 弹窗中的内容 -->
      <view>
        <image src="/static/image.png"></image>
        <text>这是一段文字</text>
      </view>
    </uni-popup>
  </view>
</template>

然后在页面的`<script>`标签中添加相关代码：

<script>
export default {
  data() {
    return {
      popupShow: false, // 控制弹窗显示与隐藏
    };
  },
  methods: {
    showPopup() {
      this.popupShow = true;
    },
  },
};
</script>

其中，`<uni-popup>` 标签的 `v-model` 属性用于控制弹窗的显示与隐藏，`position` 属性用于设置弹窗的位置，`overlay` 属性用于控制弹窗背景是否遮盖页面，`overlay-style` 属性用于设置遮盖层的样式。

在弹窗中，可以添加需要展示的图片和文字等内容。