<template>
  
      <div class="shangpin">
          
        <img class="spimg" src="//img12.360buyimg.com/jdcms/s150x150_jfs/t1/159091/6/13582/351629/60515ec7Eae162e4d/5fbdf654ea0fd7cc.jpg.webp"  alt="美国（G-force）无链条折叠电动车外卖代驾成人电动自行车迷你轴传动电瓶车闪电发货 深空灰-汽车电芯无链条传动技术-6AH60公里">
          <div class="box">
              <p class="jianjie">
                美国（G-force）无链条折叠电动车外卖代驾成人电动自行车迷你轴传动电瓶车闪电发货 深空灰-汽车电芯无链条传动技术-6AH60公里
              </p>
              <div class="price">
                  <i>¥</i>
                  <span class="zheng">2998.<span class="ling">00</span></span>
              </div>
          </div>
      </div>
  
</template>

<script>
export default {
    name:'shangpin'
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
.shangpin{
    width: 190px;
    height: 266px;
    margin: 0 5px 8px;
    background: #fff;
}
.shangpin .spimg{
    width: 120px;
    height: 120px;
    margin: 30px 0 0 28px;
}
.shangpin .jianjie{
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    height: 40px;
}
.shangpin .box{
    margin: 30px 15px 0 15px;
}
.shangpin .box .price{
    color: #e1251b;
    margin: 5px 0 0 0;
}
.shangpin .box .price i{
    vertical-align: middle;
    font-size: 12px;
    font-weight: 700;
    font-family: MicrosoftYahei-regular,Arial,Helvetica,sans-serif;
}
.shangpin .box .price .zheng{
    font-size: 16px;
    font-weight: 700;
    font-family: arial,sans-serif;
}
.shangpin .box .price .ling{
    font-size: 12px;
}
</style>