::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: #999999;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}
<ul class="card-prod-list">
<li>
	<div class="card-prod">
		<div class="check-label"><input type="checkbox" name=""  lay-skin="primary"> </div>
		<div class="prodimg">
			<img src="images/pp1.png" >
		</div>
		<div class="pro-grid">
			<div class="items">
				<div class="items-title">QQ-T3/前置</div>
			</div>
			<div class="items">
				<div class="item-layout">
					<div class="item-row">
						<span class="text-gray">进:</span><strong class="val">¥1530</strong>
					</div>
					<div class="item-row">
						<span class="text-gray">进:</span><strong class="val">¥3880</strong>
					</div>
					<div class="item-row">
						<span class="text-gray">进:</span><strong class="val">¥1630</strong>
					</div>
					<div class="item-row">
						<span class="text-gray">进:</span><strong class="val">¥3530</strong>
					</div>
				</div>
				<div class="js-item-row flex-center">
					<div class="js-val">¥0.59</div>
					<div class="ui-count">
						<a class="ui-count__btn ui-count__decrease">
							<i class="layui-icon layui-icon-subtraction"></i>
						</a>
						<input class="ui-count__number" type="tel" readonly="readonly" value="1" />
						<a class="ui-count__btn ui-count__increase">
							<i class="layui-icon layui-icon-addition"></i>
						</a>
					</div>
				</div>
			</div>
			<div class="items">
				<div class="item-row"><span class="text-gray">产品尺寸:</span>270*112*66</div>
				<div class="item-row"><span class="text-gray">6分接口过滤精度:</span>40-90微米</div>
				<div class="item-row"><span class="text-gray">流量:</span>约3T/h</div>
			</div>
		</div>
		<!-- 弹窗 -->
		<div class="card-popover">
			<div class="card-pop-panel">
				<div class="prod-sm-img"><img src="images/pp1.png" ></div>
				<div class="pop-items">
					<div class="p-item"><span class="hd">灶具外形尺寸(mm):</span>面板长800x宽450</div>
					<div class="p-item"><span class="hd">灶热效率:</span>68%</div>
					<div class="p-item"><span class="hd">灶能效等级:</span>1等级</div>
					<div class="p-item"><span class="hd">灶具气源:</span>天然气12T/液化气20Y</div>
					<div class="p-item"><span class="hd">加热温度范围(℃):</span>30-120(蒸)/60-230 (烤)</div>
					<div class="p-item"><span class="hd">整机外形尺寸(mm):</span>长800x高560x深508</div>
					<div class="p-item"><span class="hd">产品容积(L):</span>60</div>
					<div class="p-item"><span class="hd">台面开孔尺寸(MM):</span>长700x宽400 R20</div>
				</div>
			</div>
		</div>
	</div>
</li>
ul

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注