MES-App/node_modules/tnuiv3p-tn-stack-swiper/item.vue

<script lang="ts" setup>
import { useStackSwiperCustomStyle, useStackSwiperItem } from './composables'

const {
  sliderDirection,
  swiperItemStyle,
  startTouchHandle,
  moveTouchHandle,
  endTouchHandle,
} = useStackSwiperItem()
const { itemNs } = useStackSwiperCustomStyle()
</script>

// #ifdef MP-WEIXIN
<script lang="ts">
export default {
  options: {
    // 在微信小程序中将组件节点渲染为虚拟节点，更加接近Vue组件的表现(不会出现shadow节点下再去创建元素)
    virtualHost: true,
  },
}
</script>
// #endif

<template>
  <view
    v-if="sliderDirection === 'horizontal'"
    :class="[itemNs.b()]"
    :style="swiperItemStyle"
    @touchstart="startTouchHandle"
    @touchmove="moveTouchHandle"
    @touchend="endTouchHandle"
  >
    <slot />
  </view>
  <view
    v-if="sliderDirection === 'vertical'"
    :class="[itemNs.b()]"
    :style="swiperItemStyle"
    @touchstart.stop.prevent="startTouchHandle"
    @touchmove="moveTouchHandle"
    @touchend="endTouchHandle"
  >
    <slot />
  </view>
</template>

<style lang="scss" scoped>
@import './theme-chalk/index.scss';
</style>