/* pages/departmentMsg/departmentMsg.wxss */ .banner { margin: 30rpx 0; width: 750rpx; height: 100vh; } .content { height: 100%; width: 95%; margin: 0 auto; display: flex; flex-direction: column; } .item { height: 300rpx; width: 95%; border-radius: 5rpx; margin: 40rpx auto; box-shadow: 0px 0px 15rpx #e2e2e2; padding: 0 30rpx; box-sizing: border-box; } .weeks { height: 120rpx; width: 100%; display: flex; align-items: center; justify-content: space-between; } .item1 { height: 120rpx; width: 14%; text-align: center; font-size: 32rpx; color: #666; line-height: 120rpx; } .days { height: 150rpx; width: 100%; display: flex; align-items: center; justify-content: space-between; } .item2 { padding: 20rpx; font-size: 32rpx; text-align: center; border-radius: 50%; background: rgba(229, 241, 255); color: #666; } .active { background: rgba(0, 110, 255); color: #fff; } .listWrap { height: 100%; width: 95%; margin: 0 auto; } .item3 { height: 150rpx; width: 100%; border-radius: 5rpx; margin-bottom: 30rpx; box-shadow: 0px 0px 15rpx #e2e2e2; padding: 0 20rpx; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; } .zw { height: 150rpx; width: 100%; border-radius: 5rpx; margin-bottom: 30rpx; box-shadow: 0px 0px 15rpx #e2e2e2; padding: 0 20rpx; box-sizing: border-box; display: flex; justify-content: center; align-items: center; color: #666; font-size: 35rpx; } .date { width: 40%; color: #333; font-size: 38rpx; padding-left: 20rpx; } .je { width: 35%; color: rgba(198, 36, 29); } .yyNum { width: 25%; display: flex; justify-content: center; align-items: center; background: rgba(0, 110, 255); color: #fff; font-size: 32rpx; padding: 5px; border-radius: 8rpx; } .ml { margin-left: 5rpx; } .yyNum2 { width: 25%; display: flex; justify-content: center; align-items: center; background: rgba(242, 242, 242); color: #666666; font-size: 32rpx; padding: 5px; border-radius: 8rpx; } .calendar { --calendar-height: 830rpx; margin-bottom: 20rpx; } .textHidden { display: -webkit-box; overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*隐藏后添加省略号*/ -webkit-box-orient: vertical; -webkit-line-clamp: 2; /*想显示多少行*/ } .name_title { width: 35vw; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .titleClass { display: -webkit-box; overflow: visible; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /*想显示多少行*/ }