uniapp图片尺寸怎么调

在uni-app中调整图片尺寸，你可以通过CSS样式来控制。uni-app支持Vue的响应式布局，可以使用`width`、`height`属性，或者是`aspect-ratio`属性来保持图片比例。以下是常见的几种方法：

1. 直接设置宽度和高度：

<image :src="yourImageUrl" :style="{ width: '200px', height: 'auto' }"></image>

这会将图片宽度设为200像素，高度自动计算以保持原始比例。

2. 使用百分比宽度：

<image :src="yourImageUrl" :style="{ width: '50%' }"></image>

这样图片宽度会占据其容器宽度的50%。

3. 保持宽高比：

<image :src="yourImageUrl" :style="{ width: '100%', aspectRatio: '1.5' }"></image>

这里的`aspectRatio`属性用于设定图片的高度与宽度的比例。

4. 使用CSS变量或动态绑定数据：

<template>
  <image :src="yourImageUrl" :style="{ '--img-width': imgWidth + 'px' }"></image>
</template>

<script setup>
import { ref } from 'vue';
const imgWidth = ref(200);
</script>

这样可以根据需要动态修改`imgWidth`值。