APicloud商品详情界面

来源：互联网发布：macbook自带修图软件编辑：程序博客网时间：2024/04/30 00:48

<!DOCTYPE html>
<html>
      <head>
            <meta charset="utf-8">
            <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
            <title>title</title>
            <link rel="stylesheet" type="text/css" href="../css/api.css"/>
            <style>
                   #headersearch {
                        height: 40px;
                        line-height: 40px;
                        background-color: #F7F7F7;
                        width: 100%;
                        margin-top: 20px;
                  }
                  li {
                        list-style: none;
                  }
                  #search{
                   box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        float: left;
                        width: 47%;
                        padding-left: 5px;
                        padding-right: 5px;
                        text-align: center;
                        font-size: 12px;
                        margin-bottom: 20px;
                        background: white;
                        margin-left: 4px;
                        margin-right: 4px;
                        background:#F1F1F1;
                        margin-top: 10px;
                  }
                  .shopna{
                  height: 20px;
                  color: #b1b1b1;
                   text-overflow: ellipsis;
                  overflow: hidden;
                  white-space: nowrap;
                  }
                  .imgt{
                  width: 100%;
                        height: 80%;
                  }
                  .yj{
                   color: #CC0000;
                  float: left;
                  }
                  .xp{
                   color: #BBBBBB;
                  margin-left: 10px;
                  }
                  .zheko{
                   color: #ffffff;
                  background-color: #B0171F;
                  border-radius: 5px;
                  padding: 2px;
                 float:right;
                  width: 20%;
                  }
            </style>
      </head>
      <body>
             <div id="headersearch">
                        <ul>
                              <li>
                                    <img src="../image/image_global_logo_home.png" style="height: 38px; margin: 1px;" />
                              </li>
                              <li style="height: 28px;padding: 3px;border: 1px solid #c1c1c1; width: 60%; float: right;margin-right:50px;margin-top: -48px;border-radius: 10px;">
                                    <input type="text" style="margin-bottom: 5px;height: 28px;" />
                                    <img src="../image/icon_search.png" style="padding: 3px;float: left;" />
                                    <p style="color: #B1B1B1;margin-left: 40px;margin-top: -45px;">
                                          搜索/分类
                                    </p>

                              </li>
                              <p style="float: right;margin-top: -50px;margin-right: 5px;">搜索</p>
                        </ul>
                  </div>
           <div>
                  <ul id="search">
                  <li>
                  <img class="imgt" src="http://0.image.kw.okbuycdn.com/nbn/n350_350/static/0f256d298c3f36fbd3b7b62e492921ed.jpg" />
                  <p class="shopna">你离开见到过会尽快让开发和开发板尽快恢复到放到该基地地方感觉到冯道立故居冯道立故居的感觉</p>
                  <span class="yj">￥500</span>
                  <s class="xp">￥799</s>
                  <p class="zheko">5.7折</p>
                  </li>
                  </ul>
            </div>
      </body>
      <script type="text/javascript" src="../script/api.js"></script>
      <script type="text/javascript">
            apiready = function() {

            };

      </script>

</html>

1 0