/**index.wxss**/ @import "../../templates/templates.wxss"; .wrap { height: auto; position: relative; } swiper { display: block; height: 376rpx; } /*用来包裹所有的小圆点 */ .dots { width: 156rpx; height: 36rpx; display: flex; flex-direction: row; position: absolute; left: 320rpx; bottom: 20rpx; z-index: 10; } /*未选中时的小圆点样式 */ .dot { width: 16rpx; height: 16rpx; border-radius: 50%; margin-right: 26rpx; background-color: white; opacity: 0.6; } /*选中以后的小圆点样式 */ .active { width: 30rpx; height: 16rpx; border-radius: 8rpx; opacity: 1; } .index_top { width: 100%; overflow: hidden; } .index_top image { width: 100%; height: 376rpx; } .btn-box { padding: 22rpx 20rpx; box-sizing: border-box; } .buy-btn { width: 100%; height: 150rpx; /*padding: 22rpx 20rpx;*/ /*margin-top: 22rpx;*/ /*margin-bottom: 22rpx;*/ /*margin-left: 20rpx;*/ /*margin-right: 20rpx;*/ box-sizing: border-box; background: #5AB7F9; border-radius: 20rpx; display: flex; align-items: center; justify-content: center; } .buy-btn text { color: #ffffff; font-size: 24rpx; }