uniapp 将base64转换成图片

在uni-app中，可以使用`<img>`标签来展示图片，同时也可以通过`background-image`样式属性来设置图片。如果你有一个base64编码的图片数据，可以通过以下方式将其转换成图片展示：

1. 在`<template>`中，使用`<img>`标签展示图片：

<template>
  <img :src="imgUrl" />
</template>

2. 在`<script>`中，将base64编码转换成图片url：

export default {
  data() {
    return {
      base64Img: 'data:image/png;base64,iVBORw0KG...',
      imgUrl: '', // 将base64转换成的图片url
    };
  },
  mounted() {
    this.imgUrl = this.base64ToImgUrl(this.base64Img);
  },
  methods: {
    base64ToImgUrl(base64Str) {
      const img = new Image();
      img.src = base64Str;
      return img.src;
    },
  },
};

3. 如果你想在样式中使用图片，可以使用`background-image`样式属性：

<template>
  <div class="container"></div>
</template>

<style>
.container {
  width: 100px;
  height: 100px;
  background-image: url('{{imgUrl}}');
  background-size: cover;
}
</style>

注意：在使用`background-image`时，需要使用`url()`包裹图片url，并且需要使用双括号`{{}}`将变量包裹起来，以便正确渲染。