V2EX › dd0754 的所有回复 › 第 8 页 / 共 18 页

index.wxml
```
<swiper class="swiper-block" previous-margin="90rpx" next-margin="90rpx" current="{{swiperIndex}}" bindchange="swiperChange">
<block wx:for="{{imgUrls}}" wx:index="{{index}}">
<swiper-item class="swiper-item">
<image mode="aspectFill" src="{{item.src}}" class="slide-image {{swiperIndex == index ? 'active' : ''}}" />
<view>{{item.text}}</view>
</swiper-item>
</block>
</swiper>
```

index.wxss
```
.swiper-block {
height: 1000rpx;
width: 100%;
margin-top: 30px;
}

.swiper-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
overflow: unset;
position: relative;
}

.swiper-item view{
position: absolute;
left: 0;
right: 0;
bottom: 10%;
line-height: 60rpx;
text-align: center;
z-index: 999;
}

.slide-image {
height: 800rpx;
width: 520rpx;
border-radius: 9rpx;
box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
margin: 0rpx 30rpx;
z-index: 1;
}

.active {
transform: scale(1.15);
transition: all 0.2s ease-in 0s;
z-index: 20;
}
```

index.js
```
Page({
data: {
imgUrls: [{
src: 'https://img.mukewang.com/5a72827d0001cb8006000338-240-135.jpg',
text: '1111',
}, {
src: 'https://img.mukewang.com/5a72827d0001cb8006000338-240-135.jpg',
text: '2222',
}, {
src: 'https://img.mukewang.com/5a72827d0001cb8006000338-240-135.jpg',
text: '3333',
}, {
src: 'https://img.mukewang.com/5a72827d0001cb8006000338-240-135.jpg',
text: '4444',
}, {
src: 'https://img.mukewang.com/5a72827d0001cb8006000338-240-135.jpg',
text: '5555',
}, ],
indicatorDots: false,
autoplay: false,
interval: 5000,
duration: 1000,
swiperIndex: 0,
},
swiperChange(e) {
const that = this;
that.setData({
swiperIndex: e.detail.current,
})
}
})
```

2018-12-11 11:22:34 +08:00

回复了 aloyuu 创建的主题 › 问与答 › 一休息就想干活,一干活就想休息 , 这是什么病??

穷病

2018-12-11 11:18:22 +08:00

回复了 python30 创建的主题 › 程序员 › 开发那个微信推送服务还必须公司才可以？个人与个体户都没有这接口权限？

只是自己使用的话，可以用测试号或企业微信

2018-12-10 22:33:55 +08:00

回复了 lucat 创建的主题 › Python › 以下两种风格 Python 写法，请问大家倾向哪种：）

分情况，这种用第一种

2018-12-08 15:18:21 +08:00

回复了 hubahuba 创建的主题 › 问与答 › 看到女同学的电脑各种广告满天飞，给她写了一份 windows 装机必备，欢迎补全···

wps ？