XEH-miniProgram/pages/self/bill/index.scss

.page-wrap {
	padding-top: 96.15rpx;
}
.fixed-header {
	position: fixed;
	left: 0%;
	top: 0%;
	right: 0%;
	height: 96.15rpx;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 68.68rpx;
	z-index: 2;

	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1rpx;
		background: #e0e0e0;
	}
	.search-input {
		width: 439.56rpx;
		height: 61.81rpx;
		position: relative;
		&::after {
			content: '';
			position: absolute;
			left: -50%;
			top: -50%;
			right: -50%;
			bottom: -50%;
			transform: scale(0.5);
			border: 2rpx solid #d0dde9;
			border-radius: 8.24rpx;
		}
		.input {
			width: 100%;
			height: 100%;
			font-size: 24.73rpx;
			padding: 0 82.42rpx 0 13.74rpx;
			box-sizing: border-box;
		}
		.icon {
			width: 39.84rpx;
			height: 39.84rpx;
			position: absolute;
			right: 27.47rpx;
			top: 50%;
			transform: translateY(-50%);
		}
	}
	.filter {
		font-size: 27.47rpx;
		background: none;
		border: none;
		padding: 0;
		margin: 0;
		&::after {
			display: none;
		}
	}
}
.invoice-panel {
	padding: 13.74rpx 0;
	.item {
		height: 206.04rpx;
		background: #fff;
		padding: 13.74rpx 233.52rpx 13.74rpx 27.47rpx;
		position: relative;
		box-sizing: border-box;
		& + .item {
			margin-top: 13.74rpx;
		}
	}
	.state {
		width: 178.57rpx;
		height: 178.57rpx;
		position: absolute;
		right: 27.47rpx;
		top: 13.74rpx;
		border-radius: 8.24rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 32.97rpx;
		color: #fff;
		background: #ccc;
		&::after {
			content: '未知';
			font-size: 27.47rpx;
			margin-top: 13.74rpx;
		}
		&-1 {
			background: #00bfbf;
			&::after {
				content: '未支付';
			}
		}
		&-2 {
			background: #ccc;
			&::after {
				content: '确认中';
			}
		}
		&-3 {
			background: #f7922a;
			&::after {
				content: '已到账';
			}
		}
	}
	.name {
		font-size: 32.97rpx;
		line-height: 1.5;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 6.87rpx;
	}
	.desc {
		font-size: 27.47rpx;
		line-height: 1.5;
		color: #999;
	}
}