diff --git a/src/components/itemCenter.vue b/src/components/itemCenter.vue index b8b3956..9823cf8 100644 --- a/src/components/itemCenter.vue +++ b/src/components/itemCenter.vue @@ -6,6 +6,7 @@ v-if="shouldShowImage" v-smart-img :src="imgUrl" + :class="flip ? 'flipImg' : ''" alt="" width="100%" style="display: block" @@ -59,6 +60,12 @@ const props = defineProps({ default: false, }, + // 是否启用懒加载 + flip: { + type: Boolean, + default: false, + }, + // 是否立即显示(优先级高于lazy) immediate: { type: Boolean, @@ -124,4 +131,8 @@ onMounted(() => { .scrollY::-webkit-scrollbar { display: none; } + +[dir='rtl'] .flipImg { + transform: scaleX(-1); +}