前端学习(2859):简单秒杀系统学习之前端界面布局
作者:互联网
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="miao.min.css" charset="utf-8">
<title>
秒杀系统
</title>
</head>
<body>
<div class="mp-content">
<ul class="itemlist border-list" id="anti-encrypt" >
<li class="mp-single-item" style="bottom: 0px; z-index: 1;">
<div class="item-info">
<img data-src="tata.jpg" class="item-logo" src="tata.jpg" style="display: inline;" width="120" height="60">
<h4 class="item-discount">秒杀价<em>3.8元</em> 原价:98元</h4>
<h4 class="item-stitle">Tata-上品折扣1-5折 京10店配货</h4>
<p class="item-time" id="item-time">离开始: <span class="mp-remain-time">52</span>秒</p>
<p class="item-source"><span class="item-source-inner">上品折扣</span> </p>
<span id="item-his-safe" class="item-his-safe" style="display:none;"></span>
</div>
<div class="item-pic">
<img class="load-bear" src="miao.jpg" style="display: inline;" width="440" height="180">
</div>
<a href="####" target="_blank" class="mp-item-link" id="mp-item-link" title="Tata-上品折扣1-5折 京10店配货" data-click="{time:1414986097, item:'2839496677'}" onclick="buyItem();return false;"></a></li>
</ul>
</div>
<script type="text/javascript" src="http://localhost/miao/miao.min.js"></script>
</body>
</html>
运行结果
标签:2859,配货,界面,折扣,Tata,学习,秒杀,nbsp,上品 来源: https://blog.csdn.net/weixin_43392489/article/details/112060099