easyshop-wxmini/pages/catalog/catalog.wxss

page {
  background: #fff;
}

.catalog-container {
  font-size: 28rpx;
  font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
  font-weight: 400;
}

.catalog-container .scroll {
  width: 200rpx;
  height: calc(100vh);
  background: #f5f5f5;
}

.catalog-container .scroll .item {
  width: 100%;
  text-align: center;
  line-height: 144rpx;
  color: #060606;
}

.catalog-container .scroll .active {
  position: relative;
  background: #fff;
  color: #D32D2F;
}

.catalog-container .scroll .active::before {
  position: absolute;
  top: 52rpx;
  left: 0;
  content: '';
  width: 6rpx;
  height: 38rpx;
  background: #D32D2F;
}

.catalog-container .content {
  height: calc(100vh);
  flex: 1;
  padding: 0 20rpx;
}

.catalog-container .content .top {
	width: 100%;
	margin-bottom: 24rpx;
	padding-top: 12rpx;
}

.catalog-container .content .top .van-cell {
	width: calc(100% - 48rpx);
	margin: 0 auto 12rpx;
	padding: 6rpx 24rpx;
	background: rgba(118, 126, 139, 0.1);
	border-radius: 8rpx;
	font-size: 24rpx;
}

.catalog-container .content .top .van-cell .van-cell__left-icon-wrap {
	margin-right: 16rpx;
}

.catalog-container .content .top .van-cell .van-icon {
	top: -4rpx;
}

.catalog-container .content .top .van-cell .van-field__placeholder {
	line-height: 28rpx;
	font-size: 28rpx;
	color: #767E8B;
}

.catalog-container .content .list {
	height: calc(100vh - 96rpx);
}

.catalog-container .content .list .van-empty {
	width: calc(100% - 48rpx);
	height: 100%;
	margin: 0 auto;
	min-height: auto;
	background: #fff;
	border-radius: 8rpx;
}

.catalog-container .content .list .item {
	width: 100%;
	margin-bottom: 14rpx;
	display: flex;
}

.catalog-container .content .list .item .left-image {
	width: 200rpx;
	height: 200rpx;
}

.catalog-container .content .list .item .left-image image {
	display: block;
	width: 90%;
	height: 90%;
	margin: 5% auto;
	border: 1px solid #dde2e8;
	border-radius: 8rpx;
}

.catalog-container .content .list .item .title {
	height: 56rpx;
	margin: 16rpx;
	line-height: 28rpx;
	font-size: 24rpx;
	color: #000;
}

.catalog-container .content .list .item .label {
	display: inline-block;
	margin-left: 16rpx;
	padding: 0 8rpx;
	border: 2rpx solid rgba(255, 2, 0, 0.2);
	border-radius: 4rpx;
	line-height: 32rpx;
	font-size: 20rpx;
	color: #D32D2F;
}

.catalog-container .content .list .item .block {
	padding: 0;
	border: 0;
}

.catalog-container .content .list .item .price {
	padding: 16rpx;
	line-height: 46rpx;
	font-size: 40rpx;
	font-family: DIN Alternate-Bold, DIN Alternate;
	font-weight: bold;
	color: #060606;
}

.catalog-container .content .list .item .price text {
	padding-right: 4rpx;
	line-height: 28rpx;
	font-size: 24rpx;
}