wxss:
.banner-swiper {
width: 100%;
height: 500rpx;
overflow: hidden;
}
swiper {
display: block;
height: 500rpx;
position: relative;
}
.slide-image {
width: 96%;
display: block;
margin: 0 auto;
height: 450rpx;
margin-top:25rpx;
}
.active{
margin-top:0rpx;
height: 500rpx;
}
js:
Page({
data: {
//轮播图
swiperCurrent:1,
arr: [{
images: 'images/1.jpg'
},
{
images: 'images/5.jpg'
},
{
images: 'images/3.jpg'
},
{
images: 'images/4.jpg'
}
]
indicatorDots: true,
autoplay: true,
interval: 2000,
duration: 1000,
circular: true,
beforeColor: "white",//指示点颜色
afterColor: "coral",//当前选中的指示点颜色
previousmargin:'30px',//前边距
nextmargin:'30px',//后边距
},
//轮播图的切换事件
swiperChange: function (e) {
console.log(e.detail.current);
this.setData({
swiperCurrent: e.detail.current //获取当前轮播图片的下标
})
},
//滑动图片切换
chuangEvent: function (e) {
this.setData({
swiperCurrent: e.currentTarget.id
})
},
})
效果图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。