page{ background-color: #f7f7f7; padding-bottom: 220rpx; } .date_item{ .date{ display: flex; font-weight: 500; font-size: 32rpx; color: #222222; height: 108rpx; align-items: center; padding: 0 22rpx; } .list{ padding: 30rpx 22rpx 1rpx; background-color: #fff; } .line{ display: flex; align-items: center; height: 120rpx; margin-bottom: 30rpx; .icon{ width: 40rpx; } .content{ flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: space-between; .name{ width: 100%; font-size: 30rpx; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .time{ font-size: 24rpx; color: #999999; } } .img{ width: 214rpx; height: 120rpx; border-radius: 8rpx; margin-left: 26rpx; margin-right: 20rpx; border: 1px solid; } } } .footer { position: fixed; bottom: 0; left: 0; width: 750rpx; background-color: #fff; box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE; .btns{ display: flex; align-items: center; height: 100rpx; padding: 12rpx 40rpx; .all_sel{ display: flex; width: 160rpx; .icon{ width: 40rpx; margin-right: 18rpx; } } .list{ flex: 1; display: flex; align-items: center; .item { display: flex; justify-content: center; align-items: center; height: 72rpx; width: 152rpx; font-weight: 500; color: #777777; border: 1rpx solid #999999; margin-left: 20rpx; font-style: 28rpx; border-radius: 8rpx; } .paina{ color: var(--themeColor); border: 1rpx solid var(--themeColor); } .primary{ color: #fff !important; border: 1rpx solid var(--themeColor); background-color: var(--themeColor); } } } }