<template>
<div>
<slider class="slider" interval="3000" auto-play="true">
<div class="frame" v-for="img in imageList">
<image class="image" resize="cover" :src="img.src"></image>
</div>
</slider>
</div>
</template>
<style scoped>
.image {
width: 700px;
height: 700px;
}
.slider {
margin-top: 25px;
margin-left: 25px;
width: 700px;
height: 700px;
border-width: 2px;
border-style: solid;
border-color: #41B883;
}
.frame {
width: 700px;
height: 700px;
position: relative;
}
</style>
<script>
export default {
data () {
return {
imageList: [
{ src: 'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-itempic.jpg'},
{ src: 'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX!!0-itempic.jpg'},
{ src: 'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX!!0-item_pic.jpg'}
]
}
}
}
</script>
weex 官方代码,nvue编译模式为:uni-app时,乱七八糟了。button的这个,好像本来就不支持,只能自己手写了,那个还好解决。
4 个回复
xiaoliao998 (作者) - null
当前nvue编译模式:uni-app 时,weex的slider组件无效,无效,无效
DCloud_uniCloud_WYQ
代码精简一下贴上来,另外一个button样式问题的也放进去
xiaoliao998 (作者) - null
<template>
<div>
<slider class="slider" interval="3000" auto-play="true">
<div class="frame" v-for="img in imageList">
<image class="image" resize="cover" :src="img.src"></image>
</div>
</slider>
</div>
</template>
<style scoped>
.image {
width: 700px;
height: 700px;
}
.slider {
margin-top: 25px;
margin-left: 25px;
width: 700px;
height: 700px;
border-width: 2px;
border-style: solid;
border-color: #41B883;
}
.frame {
width: 700px;
height: 700px;
position: relative;
}
</style>
<script>
export default {
data () {
return {
imageList: [
{ src: 'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-itempic.jpg'},
{ src: 'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX!!0-itempic.jpg'},
{ src: 'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX!!0-item_pic.jpg'}
]
}
}
}
</script>
weex 官方代码,nvue编译模式为:uni-app时,乱七八糟了。button的这个,好像本来就不支持,只能自己手写了,那个还好解决。
xiaoliao998 (作者) - null
https://weex.apache.org/zh/docs/components/slider.html#%E7%AE%80%E4%BB%8B 官方代码 试一下就出来了