/**index.wxss**/ /* 暂时未用到 page { } */ .container { padding:0; align-items:center; flex-direction:column; justify-content:space-between; } .mulucontainer { width: 710rpx; height: 150rpx; white-space: nowrap; /*强制子元素为一行 */ margin-left: 25rpx; } .navpage001 { display: inline-block; width: 150rpx; height: 150rpx; margin-right: 25rpx; text-align: center; font-size: 10px; align-items: center; } .navpage001img { margin:0 auto; width: 60%; height: 60%; } .mulucontainer .navpage001:last-child{ margin-right: 0; } .banner{ width: 100%; height: 400rpx; } .shouyetupianlist { display: flex; flex-wrap: wrap;/* 允许内容换行 */ justify-content:space-between;/* 水平方向上两端对齐 */ } .shouyetupianlistcontent { /* display: inline; */ padding: 0; margin: 20rpx; height: 204rpx; width: 334rpx; /* 每行两个图片,设置宽度为 48% 可以有一定的间距 */ border-radius: 20rpx; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } .shouyetupianlistcontent01 { position: relative; padding: 0; margin: 20rpx; height: 260rpx; width: 100%; overflow: hidden; border-radius: 20rpx; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } .indeximagelist { width: 100%; height: 204rpx; } .indeximagelist01 { width: 100%; height: 100%; } .tupianwenzi { display: block; } .biaoti01 { display: flex; width: 100%; height: 60rpx; align-items: center; padding-left: 20rpx; } .biaoti01img { width: 40rpx; height: 40rpx; } .hengxianglist01 { display: flex; width: 300rpx; height: inherit; /* 推荐尺寸在300*250rpx 即150*125px */ margin: 0; overflow: hidden; border-radius: 20rpx; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } .indeximage{ border-radius: 20rpx; height: 350rpx; width: 710rpx; transform: translate(20rpx, 30rpx); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } .bannerswiper { height: 390rpx; } .indeximagelistmiaosu { font-size: 28rpx; display:flex; position: absolute; top: 10rpx; left: 300rpx; height: 70rpx; align-items: center; padding-left: 20rpx; } .indeximagelistmiaosu01 { display: inline; position: absolute; left: 300rpx; top: 35px; align-items: center; padding-left: 20rpx; } .indeximagelistmiaosu0102 { font-size: 20rpx; position: relative; top: -15px; width: 370rpx; }