uniapp prewview显示字

uniapp的预览图片组件是`uni.previewImage`，该组件默认是不支持在预览图片时显示文字的。如果你需要在预览图片时显示字，可以通过自定义组件的方式实现。

具体实现方式如下：

1. 在需要预览图片的页面上，引入一个自定义组件，用于显示图片和文字。

2. 在该自定义组件的`<template>`中，使用`<image>`标签显示图片，并在图片下方使用`<text>`标签显示文字。

3. 在调用`uni.previewImage`组件时，将图片的URL和文字内容作为参数传递给自定义组件。

示例代码如下：

// 引入自定义组件
<template>
  <view>
    <image :src="imageSrc"></image>
    <text>{{text}}</text>
  </view>
</template>

<script>
export default {
  props: ['imageSrc', 'text'] // 接收图片URL和文字内容
}
</script>

调用`uni.previewImage`组件时，将图片URL和文字内容作为参数传递给自定义组件：

// 点击图片时，调用uni.previewImage组件
uni.previewImage({
  urls: ['image1.jpg', 'image2.jpg', 'image3.jpg'],
  current: 'image1.jpg',
  success: function () {
    // 预览成功后，显示自定义组件
    uni.showModal({
      content: '这是一张美丽的图片',
      success: function (res) {
        if (res.confirm) {
          // 用户点击确定按钮后，显示自定义组件
          uni.navigateTo({
            url: '/pages/image-preview/image-preview?imageSrc=image1.jpg&text=这是一张美丽的图片'
          })
        }
      }
    })
  }
})

在上面的示例代码中，我们在成功预览图片后，弹出一个模态框，询问用户是否需要显示文字，如果用户确认需要显示文字，就会跳转到自定义组件页面，并将图片URL和文字内容作为参数传递给自定义组件。