Open perfectlala opened 5 years ago
在0.16.0显示正常 在 http://dotwe.org/vue 中显示正常 升级0.20.0后图片无法居中了 dot.we链接 http://dotwe.org/vue/87fa4905f0f9bda74a771e1ace788400 代码如下 <template> <div> <slider-neighbor class="slider" neighbor-scale="0.8" neighbor-space="40" current-item-scale="1" neighbor-alpha="0.8"> <image class="img" resize="cover" v-for="item in imageList" :src="item.src" ></image> </slider-neighbor> </div> </template> `<style scoped>` `.slider{` ` width: 750px;` ` height: 848px;` `}` .slider-indicator { width: 750px; height: 30px; position: absolute; bottom:60px; item-color: rgba(51, 51, 51, 0.5); item-selected-color: #fff; item-size: 15px; }
<template>
<div>
<slider-neighbor class="slider" neighbor-scale="0.8" neighbor-space="40" current-item-scale="1" neighbor-alpha="0.8">
<image class="img" resize="cover" v-for="item in imageList" :src="item.src" ></image>
</slider-neighbor>
</div>
</template>
`<style scoped>` `.slider{` ` width: 750px;` ` height: 848px;` `}`
.slider-indicator {
width: 750px;
height: 30px;
position: absolute;
bottom:60px;
item-color: rgba(51, 51, 51, 0.5);
item-selected-color: #fff;
item-size: 15px;
}
.img { width: 468px; height: 848px; background-color: #eee; }
.img {
width: 468px;
height: 848px;
background-color: #eee;
</style>
<script> export default { data () { return { imageList: [ { src: 'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'}, { src: 'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'}, { src: 'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'} ] } } } </script>
<script>
export default {
data () {
return {
imageList: [
{ src: 'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'},
{ src: 'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'},
{ src: 'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'}
]
</script>
Provide a demo in dot.we with link, not source, thanks
dot.we链接 http://dotwe.org/vue/87fa4905f0f9bda74a771e1ace788400
I am not sure this is a bug or not, I will look into it.
在0.16.0显示正常 在 http://dotwe.org/vue 中显示正常 升级0.20.0后图片无法居中了 dot.we链接 http://dotwe.org/vue/87fa4905f0f9bda74a771e1ace788400 代码如下
<template>
<div>
<slider-neighbor class="slider" neighbor-scale="0.8" neighbor-space="40" current-item-scale="1" neighbor-alpha="0.8">
<image class="img" resize="cover" v-for="item in imageList" :src="item.src" ></image>
</slider-neighbor>
</div>
</template>
`<style scoped>` `.slider{` ` width: 750px;` ` height: 848px;` `}`
.slider-indicator {
width: 750px;
height: 30px;
position: absolute;
bottom:60px;
item-color: rgba(51, 51, 51, 0.5);
item-selected-color: #fff;
item-size: 15px;
}
.img {
width: 468px;
height: 848px;
background-color: #eee;
}
</style>
<script>
export default {
data () {
return {
imageList: [
{ src: 'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'},
{ src: 'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'},
{ src: 'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'}
]
}
}
}
</script>