/**index.wxss**/ .caption-wrap { background-color: white; margin-top: 15px; } .caption-title { background-color: #f7f7f7; display: block; margin-left: 5px; } .index-collapse { font-size: 14px; line-height: 24px; } .index-collapse-item { padding: 8px 15px !important; border: 0px !important; } .slide-image { width: 100%; height: 150px; } .index-cell { padding: 5px 15px !important; } p{ display: none; } .cate-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30rpx 22rpx; background: #fff; /* 原图标颜色太深,不想改图了,所以加了透明度 */ } .cate-section .cate-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 26rpx; background: #fff; color: #5d626b; } .cate-section image { width: 60rpx; height: 60rpx; margin-bottom: 14rpx; border-radius: 10%; opacity: .7; -webkit-box-shadow: 4rpx 4rpx 20rpx rgba(250, 67, 106, 0.3); box-shadow: 4rpx 4rpx 20rpx rgba(250, 67, 106, 0.3); } button::after { border: none } .cate-item-3{ width:33.33%; height:160rpx; margin-top:40rpx }