/* packageA/mycomponent/goodsComponent/plugin/appointment/appointment.wxss */ /* 预约相关项目 */ .isComment { margin: 20rpx; border-radius: 20rpx; padding: 20rpx; background: #fff; } .isComment .evaTop { padding: 0 24rpx; height: 76rpx; line-height: 76rpx; display: flex; justify-content: space-between; align-items: center; } .isComment .evaTop .evaTo { display: flex; align-items: center; } .isComment .evaTop .evaTo icon { margin-top: -13rpx; margin-left: 10rpx; } .isComment .ecaBottom .evaLoop { text-align: left; } .isComment .ecaBottom .evaLoop .evaLoopmain { display: flex; flex-wrap: wrap; padding: 28rpx 20rpx; width: 400rpx; height: 200rpx; overflow: hidden; margin: 28rpx; margin-top: 16rpx; -moz-box-shadow: 0 3.0016px 15.0016px #e6e6e6; -webkit-box-shadow: 0 3.0016px 15.0016px #e6e6e6; box-shadow: 0 3.0016px 15.0016px #e6e6e6; border-radius: 12rpx; } .isComment .ecaBottom .evaLoop .evaLoopmain .imgPro { width: 60rpx; height: 60rpx; border-radius: 100%; margin-right: 16rpx; } .isComment .ecaBottom .evaLoop .evaLoopmain .user { flex: 8; } .isComment .ecaBottom .evaLoop .evaLoopmain .user .username { width: 160rpx; overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 超出部分显示省略号 */ white-space: nowrap; /* 规定段落中的文本不进行换行 */ } .isComment .ecaBottom .evaLoop .evaLoopmain .text { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 40rpx; } /* .isComment .ecaBottom .evaLoop .projects { height: 100rpx; } */ .isComment .ecaBottom .evaLoop .projects .imgPro { width: 64rpx; height: 64rpx; border-radius: 100%; margin-right: 16rpx; } .projects1 { display: flex; text-align: left; padding: 0 32rpx; margin-bottom: 16rpx; } .projects1 image { width: 160rpx; height: 160rpx; border-radius: 30rpx; margin-right: 16rpx; } .projects1 .user { flex: 1; } .projects1 .text { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 40rpx; } .goods-dicount { height: 48rpx; background-color: #ffe6e3; border-radius: 4rpx; color: #ff3203; display: flex; align-items: center; justify-content: center; margin-left: 24rpx; padding: 0 16rpx; } .pub-price { width: 197.0016rpx; height: 40rpx; border-radius: 4rpx; border: solid 2rpx #f15353; color: #f15353; display: flex; align-items: center; justify-content: center; margin-left: 23.0016rpx; } .evaTitle { font-size: 28rpx; } /* ***************************** */