uniapp image添加标签

在uniapp中，我们可以使用u-parse组件来给图片添加标签。具体实现步骤如下：

1. 在页面中引入u-parse组件：

<template>
  <view>
    <u-parse></u-parse>
  </view>
</template>

<script>
  import uParse from '@/components/u-parse/u-parse.vue'

  export default {
    components: {
      uParse
    }
  }
</script>

2. 在需要添加标签的图片上加上class名，例如“img-tag”：

<template>
  <view>
    <u-parse>
      <img class="img-tag" src="http://example.com/example.png"></img>
    </u-parse>
  </view>
</template>

3. 在页面的生命周期函数中使用API添加标签：

<script>
  export default {
    onReady() {
      uni.createSelectorQuery().selectAll('.img-tag').boundingClientRect(rects => {
        rects.forEach(rect => {
          this.$refs.parse.addTag({
            x: rect.left,
            y: rect.top,
            width: rect.width,
            height: rect.height,
            content: '标签内容',
            color: '#f00'
          })
        })
      }).exec()
    }
  }
</script>

以上就是uniapp image添加标签的实现方法，具体效果可以根据自己的需求进行修改。如果您还有其他问题，欢迎继续提问。