Closed gaokun closed 12 months ago
附录 dist
里的 wxml
:
<image mode="{{a}}" src="{{b}}" style="{{c + ';' + virtualHostStyle}}" bindload="{{d}}" class="{{[virtualHostClass]}}"/>
感觉结果 wxml 和图上的 vue 组件对不上啊,我没有复现这个问题,有完整的 vue
组件代码提供嘛?
<template>
<image :mode="mode ?? 'widthFix'" :src="src" :style="styles" @load="onLoad" />
</template>
<script setup lang="ts">
import { computed, reactive } from 'vue';
const props = defineProps<{
mode?: string;
src: string;
style?: object;
}>();
const rect = reactive({
width: 0,
height: 0,
});
const styles = computed(() => ({
width: rect.width + 'rpx',
height: rect.height + 'rpx',
...props.style,
}));
function onLoad(event) {
const { detail } = event;
rect.width = detail.width;
rect.height = detail.height;
}
</script>
<script lang="ts">
import BaseComp from '../base/BaseComp';
export default {
name: 'NImage',
mixins: [BaseComp],
};
</script>
export default {
options: {
// multipleSlot: true,
// styleIsolation: 'isolated',
// addCglobalClass: true,
virtualHost: true,
},
};
看上去是 virtualHost 配置项导致的,我在复现的时候,发现我传入 class prop ,在最终的 wxml 调试器上全部丢失了 怀疑是 virtualHost 的问题
已经使用了最新了 uni vite 3 和 微信开发者工具。
add support in 2.8.3
期望行为(可选) 期望mt-[28px] 能正常生效
屏幕截图(可选)![image](https://github.com/sonofmagic/weapp-tailwindcss/assets/7044628/b1b7da6b-53ff-4754-9212-b32ec1a0da2d)
运行环境
Additional context n-image是自定义的组件, 里面没有用view包装