@tencentcloud/roomkit-web-vue3
Version:
<h1 align="center"> TUIRoomKit</h1> Conference (TUIRoomKit) is a product suitable for multi-person audio and video conversation scenarios such as business meetings, webinars, and online education. By integrating this product, you can add room management,
30 lines (29 loc) • 906 B
JavaScript
import { defineComponent, inject, ref, onMounted, onUnmounted, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "SwiperItem",
setup(__props) {
const swiperData = inject("swiper");
const swiperItemStyle = ref();
swiperData.addSwiperItem();
onMounted(() => {
swiperItemStyle.value = {
width: `${swiperData.swiperRef.value.offsetWidth}px`,
height: `${swiperData.swiperRef.value.offsetHeight}px`
};
});
onUnmounted(() => {
swiperData.removeSwiperItem();
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: "swiper-item",
style: normalizeStyle(swiperItemStyle.value)
}, [
renderSlot(_ctx.$slots, "default", {}, void 0, true)
], 4);
};
}
});
export {
_sfc_main as default
};