如何在uniapp中禁用图片预览的自动旋转？

在 uniApp 中，如果你想禁用图片预览时的自动旋转功能，你可以通过设置组件的样式来控制。在 Vue 组件中，可以使用 `img` 元素的 `style` 属性，并添加自定义 CSS 规则来阻止旋转。以下是一个简单的示例：

<template>
  <view>
    <img :src="imageUrl" :style="{ transform: 'rotate(0deg)' }" @load="onLoad" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'your-image-url',
    };
  },
  methods: {
    onLoad() {
      // 当图片加载完成后，如果需要手动调整旋转，可以在此处处理
    },
  },
};
</script>

<style scoped>
 img {
   /* 使用CSS禁止默认旋转 */
   -webkit-transform: rotate(0deg); /* 对于 WebKit 内核浏览器如 Safari 和 Chrome */
   -ms-transform: rotate(0deg); /* 对于 IE 和 Edge */
   transform: rotate(0deg);
   transition: transform 0s; /* 添加过渡效果，防止瞬间旋转 */
 }
</style>

在这个例子中，我们设置了初始旋转角度为0度，并覆盖了默认的旋转规则。当图片加载完成时，可以在`onLoad`事件中根据需要手动改变旋转状态。