/**index.wxss**/ .banner { width: 100%; height: 400rpx; } .banner image { width: 100%; height: 100%; } .menubox { width: 100%; background-color: #fff; } .menubox{ box-sizing: border-box; padding: 24rpx 12rpx 0 12rpx; background-color: #fff; } .menu { display: inline-flex; align-items: center; flex-direction: column; width: calc(100% / 3); height: 280rpx; padding: 0 12rpx; box-sizing: border-box; position: relative; } .menuicon { width: 100%; height: 100%; } .menu cover-view { position: absolute; top: 30rpx; width: 100%; color: #fff; text-align: center; } .tips{ margin-bottom: 24rpx; display: inline-flex; width: 100%; padding: 24rpx; box-sizing: border-box; background-color: #fff; border-bottom: 1rpx solid #dedede; } .tipsicon{ margin-right: 15rpx; width: 100rpx; height: 100rpx; } .newsbox{ width: calc(100% - 120rpx); height: 100rpx; display: flex; flex-flow: row wrap; align-content: space-around; } .news{ font-size: 30rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news text{ margin-right: 20rpx; color: #35dab5; } .item{ width: 100%; padding: 24rpx; box-sizing: border-box; background-color: #fff; border-top: 1rpx solid #dedede; border-bottom: 1rpx solid #dedede; display: flex; align-items: center; } .itemicon{ margin-right: 20rpx; width: 14rpx; height: 36rpx; background-color: #35dab5; border-radius: 8rpx; } .case{ width: 100%; box-sizing: border-box; padding: 24rpx 24rpx 0 24rpx; background-color: #fff; } .caseinfo{ padding-bottom: 24rpx; border-bottom: 1rpx dashed #dedede; position: relative; } .title{ margin-bottom: 10rpx; width: 85%; line-height: 46rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .level{ position: absolute; top: 0; right: 0; display: flex; padding: 0 18rpx; color: #fff; font-size: 26rpx; line-height: 46rpx; align-content: center; border-radius: 25rpx; } .danger{ background-color: #f56c6c; } .warning{ background-color: #f0ad4e; } .subinfo{ width: 75%; } .subinfo view{ margin-top: 10rpx; color: #9498a4; font-size: 30rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .time{ width: 25%; color: #b4b4b4; font-size: 26rpx; text-align: right; position: absolute; right: 0; bottom: 24rpx; }