开发是用电脑浏览器所有样式都生效,但是用真机测试给swiper添加样式都不生效,swiper标签都不显示了,使用内链,外联,添加类名也会让标签消失
- 发布:2024-03-19 18:22
- 更新:2024-03-20 11:42
- 阅读:133
这写的啥 (作者)
<swiper autoplay :nterval='nterval'>
<swiper-item v-for="(item, index) in info" :key="index" class="swiperItem "
style="width: 100%; height: 100%;">
<img :src="item.url" style="width: 100%; height: 100%;" />
</swiper-item>
</swiper>
/* uni-swiper {
height: 100%;
width: 100%;
} */
.uni-swiper-wrapper {
height: 100%;
width: 100%;
}
.uni-swiper-slides {
height: 100%;
width: 100%;
}
喜欢技术的前端 - QQ---445849201
传了图片 第一张是h5 2 是app ,提供的代码看不来区别
<template>
<view>
<swiper autoplay :nterval='nterval'>
<swiper-item v-for="(item, index) in info" :key="index" class="swiperItem "
style="width: 100%; height: 100%;">
<img :src="item.url" style="width: 100%; height: 100%;" />
</swiper-item>
</swiper>
</view>
</template>
<script>
export default {
data() {
return {
nterval: 5000,
info: [{
url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/dn.png'
},
{
url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/dn.png'
}
]
}
},
methods: {
}
}
</script>
<style scoped>
/* uni-swiper {
height: 100%;
width: 100%;
} */
.uni-swiper-wrapper {
height: 100%;
width: 100%;
}
.uni-swiper-slides {
height: 100%;
width: 100%;
}
</style>
这写的啥 (作者)
可以
2024-03-20 10:33