文件操作 - TheCarriers.vue

文件: /var/www/OLD/components/TheCarriers.vue

编辑文件内容

const slider = ref<HTMLElement>();

onMounted(() => {
  if (slider.value) {
    new Swiper(slider.value, {
      speed: 400,
      slidesPerView: 'auto',
      spaceBetween: 14,
    });
  }
});
</script>

<template>
  <div class="carriers">
    <div
      class="carriers-slider swiper"
      ref="slider"
    >
      <div class="swiper-wrapper">
        <div
          v-for="i in 6"
          :key="i"
          class="carriers-slide fit-img swiper-slide"
        >
          <img
            :src="`/img/carriers/${i}.svg`"
            alt=""
          />
        </div>
      </div>
    </div>
    <div class="carriers-desc">{{ $t('carriers.desc') }}</div>
  </div>
</template>

.carriers-slider {
  max-width: 100%;
  overflow: visible;
}

.carriers-slide {
  width: 174px;
  height: 84px;
  padding: 24px;
  background-color: @bg;
  border-radius: 12px;
  display: flex;
  @media @md {
    width: 158px;
    height: 58px;
    padding: 12px 24px;
  }
}

.carriers-desc {
  max-width: 594px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}
</style>

文件操作 - TheCarriers.vue

文件: /var/www/OLD/components/TheCarriers.vue

编辑文件内容

修改文件时间

删除文件