Skip to content

web_flea_market_moble
web_flea_market_moble
Commit 947c28d8 authored by HuangJunbo's avatar HuangJunbo 💻
Browse files
Options

移动文件路径 

Signed-off-by: HuangJunbo's avataruuo00_n <uuo00_n@outlook.com>
parent 5e663ba6
Pipeline #19 failed with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 336 additions and 346 deletions
      index.html deleted 100644 → 0
      View file @ 5e663ba6
      <!DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <style>
      </style>
      <link href="css/common.css" rel="stylesheet" type="text/css"/>
      <link href="css/index.css" rel="stylesheet"/>
      </head>
      <body>
      <header>
      <div class="logo">
      <img src="img/logo.png">
      </div>
      <div class="search">
      <form><input type="search" placeholder="搜索" autocapitalize="on" accesskey="g"></form>
      </div>
      </header>
      <footer>
      <ul>
      <li><a class="active" href="index.html">首页</a></li>
      <li><a href="add_product.html">商品管理</a></li>
      <li><a href="product_list.html">商品列表</a></li>
      <li><a href="">个人中心</a></li>
      </ul>
      <div style="height: 50px;" hidden="hidden"></div>
      </footer>
      <article>
      <figure>
      <img src="img/index.png"/>
      <section>
      <ul class="list_group">
      <li>
      <img src="img/goods1.png"/>
      <p><a href="#">手机</a></p>
      </li>
      <li>
      <img src="img/goods2.png"/>
      <p><a href="#">吸尘器</a></p>
      </li>
      <li>
      <img src="img/goods3.png"/>
      <p><a href="#">手机</a></p>
      </li>
      <li>
      <img src="img/goods4.png"/>
      <p><a href="#">洗衣机</a></p>
      </li>
      <li>
      <img src="img/goods7.png"/>
      <p><a href="#">镜头</a></p>
      </li>
      <li>
      <img src="img/goods8.png"/>
      <p><a href="#">相机</a></p>
      </li>
      </ul>
      </section>
      </figure>
      </article>
      </body>
      </html>
      \ No newline at end of file
      product_list.html deleted 100644 → 0
      View file @ 5e663ba6
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <meta name="viewport" content="device-width,initial-scale=1.0"/>
      <link href="css/common.css"/ type="text/css" rel="stylesheet">
      <link href="css/index.css"/ type="text/css" rel="stylesheet">
      <link href="css/product_list.css" type="text/css" rel="stylesheet"/>
      <title>跳蚤市场</title>
      </head>
      <style>
      @font-face {
      font-family: myFont;
      src: url('img/STFANGSO.TTF');
      }
      </style>
      <body>
      <header>
      <div class="logo">
      <img src="img/logo.png">
      </div>
      <div class="search">
      <form><input type="search" placeholder="搜索" autocapitalize="on" accesskey="g"></form>
      </div>
      </header>
      <article>
      <nav id="category">
      <ul class="list_side">
      <li class="active">手机</li>
      <li>家电</li>
      <li>相机</li>
      <li>电脑</li>
      </ul>
      </nav>
      </article>
      <div id="products">
      <ul class="list_group">
      <li>
      <img src="img/goods1.png"/>
      <p><a href="#">华为p30</a></p>
      </li>
      <li>
      <img src="img/goods1.png"/>
      <p><a href="#">OPPO Reno</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">OPPO Reno</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">vivo X23</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">iPhone 8</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">vivo X23</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">iPhone 8</a></p>
      </li>
      </ul>
      </div>
      <hr>
      <footer>
      <ul>
      <li><a href="index.html">首页</a></li>
      <li><a href="add_product.html">商品管理</a></li>
      <li><a class="active" href="product_list.html">商品列表</a></li>
      <li><a href="#">个人中心</a></li>
      </ul>
      <div style="height: 50px" hidden="hidden"></div>
      </footer>
      </body>
      </html>
      \ No newline at end of file
      add_product.html → web_flea_market/add_product.html
      View file @ 947c28d8
      <!DOCTYPE html> <!DOCTYPE html>
      <html> <html>
      <head> <head>
      <meta charset="utf-8"> <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>发布商品</title> <title>发布商品</title>
      <link href="css/common.css" type="text/css" rel="stylesheet"/> <link href="css/common.css" type="text/css" rel="stylesheet"/>
      <link href="css/add_product.css" type="text/css" rel="stylesheet"/> <link href="css/add_product.css" type="text/css" rel="stylesheet"/>
      </head> </head>
      <style> <style>
      @font-face { @font-face {
      font-family: myFont; font-family: myFont;
      src: url('img/STFANGSO.TTF'); src: url('img/STFANGSO.TTF');
      } }
      </style> </style>
      <script> <script>
      var goods = { var goods = {
      name:"", name:"",
      price:"", price:"",
      ...@@ -28,40 +28,40 @@ ...@@ -28,40 +28,40 @@
      return; return;
      } }
      console.log(goods); console.log(goods);
      } }
      </script> </script>
      <body> <body>
      <header> <header>
      <div class="logo"> <div class="logo">
      <img src="img/logo.png"> <img src="img/logo.png">
      </div> </div>
      <div class="search"> <div class="search">
      <form><input type="search" placeholder="搜索" autocapitalize="on" accesskey="g"></form> <form><input type="search" placeholder="搜索" autocapitalize="on" accesskey="g"></form>
      </div> </div>
      </header> </header>
      <article class="add"> <article class="add">
      <form action="#" method="get"> <form action="#" method="get">
      <div>商品名称: <div>商品名称:
      <input id="name" type="text" spellcheck="true" required/> <input id="name" type="text" spellcheck="true" required/>
      </div> </div>
      <div>商品价格: <div>商品价格:
      <span contenteditable="true"></span> <span contenteditable="true"></span>
      <input id="price" type="text" required/> <input id="price" type="text" required/>
      </div> </div>
      <div>描述信息: <div>描述信息:
      <textarea id="information" cols="50" rows="5" spellcheck="true" required></textarea> <textarea id="information" cols="50" rows="5" spellcheck="true" required></textarea>
      </div> </div>
      <input type="submit" class="submit" value="发布商品" onclick="upload()"/> <input type="submit" class="submit" value="发布商品" onclick="upload()"/>
      </form> </form>
      </article> </article>
      <footer> <footer>
      <ul> <ul>
      <li><a class="active" href="index.html">首页</a></li> <li><a class="active" href="index.html">首页</a></li>
      <li><a href="add_product.html">商品管理</a></li> <li><a href="add_product.html">商品管理</a></li>
      <li><a href="product_list.html">商品列表</a></li> <li><a href="product_list.html">商品列表</a></li>
      <li><a href="">个人中心</a></li> <li><a href="">个人中心</a></li>
      </ul> </ul>
      <div style="height: 50px;" hidden="hidden"></div> <div style="height: 50px;" hidden="hidden"></div>
      </footer> </footer>
      </body> </body>
      </html> </html>
      \ No newline at end of file
      css/add_product.css → web_flea_market/css/add_product.css
      View file @ 947c28d8
      article{ article{
      margin: 30px 10px 0; margin: 30px 10px 0;
      } }
      .add div{ .add div{
      border: 1px solid gainsboro; border: 1px solid gainsboro;
      padding: 5%; padding: 5%;
      } }
      .add div:after{content: "*";} .add div:after{content: "*";}
      .add input,textarea{ .add input,textarea{
      width: 60%; width: 60%;
      border: 1px solid gainsboro; border: 1px solid gainsboro;
      } }
      .add input[type=submit]{ .add input[type=submit]{
      width: 100%; width: 100%;
      height: 2.5em; height: 2.5em;
      margin-top: 10px; margin-top: 10px;
      background: linear-gradient(to right,#333,#c40000,#333); background: linear-gradient(to right,#333,#c40000,#333);
      color: white; color: white;
      } }
      textarea{ textarea{
      width: 100%; width: 100%;
      } }
      css/common.css → web_flea_market/css/common.css
      View file @ 947c28d8
      body{ body{
      margin: 0; margin: 0;
      padding: 0; padding: 0;
      } }
      ul,li{ ul,li{
      list-style: none; list-style: none;
      margin: 0; margin: 0;
      padding: 0; padding: 0;
      } }
      a{ a{
      text-decoration: none; text-decoration: none;
      } }
      img{max-width: 100%;} img{max-width: 100%;}
      header{ header{
      margin-top: 5px; margin-top: 5px;
      width: 100%; width: 100%;
      display: flex; display: flex;
      align-items: center; align-items: center;
      justify-content: center; justify-content: center;
      } }
      .logo{ .logo{
      width: 50%; width: 50%;
      } }
      .search{ .search{
      width: 50%; width: 50%;
      } }
      .search input{ .search input{
      width: 98%; width: 98%;
      height: 30px; height: 30px;
      text-align: center; text-align: center;
      border: 1px solid gainsboro; border: 1px solid gainsboro;
      border-radius: 25px; border-radius: 25px;
      } }
      footer ul{ footer ul{
      background-color: #333; background-color: #333;
      position: fixed; position: fixed;
      bottom: 0; bottom: 0;
      width: 100%; width: 100%;
      font-family: "myFont"; font-family: "myFont";
      font-size: 1.125rem; font-size: 1.125rem;
      } }
      footer li{ footer li{
      width: 25%; width: 25%;
      float: left; float: left;
      text-align: center; text-align: center;
      } }
      footer li a{ footer li a{
      display: block; display: block;
      padding: 12px 5px; padding: 12px 5px;
      color: white; color: white;
      } }
      footer li a.active{ footer li a.active{
      background-color: rgb(196, 0, 0); background-color: rgb(196, 0, 0);
      } }
      footer li a:active, footer li a:active,
      footer li a:link, footer li a:link,
      footer li a:visited{ footer li a:visited{
      color: white; color: white;
      } }
      \ No newline at end of file
      css/index.css → web_flea_market/css/index.css
      View file @ 947c28d8
      article{ article{
      margin: 20px 0 10px 0; margin: 20px 0 10px 0;
      } }
      figure{ figure{
      margin: 0 10px; margin: 0 10px;
      } }
      .list_group{ .list_group{
      display: flex; display: flex;
      flex-wrap: wrap; flex-wrap: wrap;
      } }
      .list_group li{ .list_group li{
      box-sizing: border-box; box-sizing: border-box;
      width: 47%; width: 47%;
      margin: 2% 2% 0 2%; margin: 2% 2% 0 2%;
      text-align: center; text-align: center;
      border: 1px solid gainsboro; border: 1px solid gainsboro;
      } }
      ul li:nth-child(even){ ul li:nth-child(even){
      margin-left: 0%; margin-left: 0%;
      } }
      .list_group p{ .list_group p{
      text-shadow: 0px 0px 1px #c40000; text-shadow: 0px 0px 1px #c40000;
      } }
      \ No newline at end of file
      css/product_list.css → web_flea_market/css/product_list.css
      View file @ 947c28d8
      .list_side{ .list_side{
      width: 96%; width: 96%;
      margin: 0 auto; margin: 0 auto;
      } }
      .list_side li{ .list_side li{
      height: 2em; height: 2em;
      text-align: center; text-align: center;
      display: inline-block; display: inline-block;
      width: 24%; width: 24%;
      } }
      .list_side li.active{ .list_side li.active{
      background-color: #fff; background-color: #fff;
      border-bottom: 4px solid rgb(196, 0, 0); border-bottom: 4px solid rgb(196, 0, 0);
      color: rgb(196, 0, 0); color: rgb(196, 0, 0);
      font-weight: bold; font-weight: bold;
      } }
      \ No newline at end of file
      web_flea_market/index.html
      View file @ 947c28d8
      <!DOCTYPE html> <!DOCTYPE html>
      <html lang="en"> <html lang="en">
      <head> <head>
      <meta charset="UTF-8"> <meta charset="UTF-8">
      <title>hello</title> <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <style>
      </style>
      <link href="css/common.css" rel="stylesheet" type="text/css"/>
      <link href="css/index.css" rel="stylesheet"/>
      </head> </head>
      <body> <body>
      this is a test <header>
      <div class="logo">
      <img src="img/logo.png">
      </div>
      <div class="search">
      <form><input type="search" placeholder="搜索" autocapitalize="on" accesskey="g"></form>
      </div>
      </header>
      <footer>
      <ul>
      <li><a class="active" href="index.html">首页</a></li>
      <li><a href="add_product.html">商品管理</a></li>
      <li><a href="product_list.html">商品列表</a></li>
      <li><a href="">个人中心</a></li>
      </ul>
      <div style="height: 50px;" hidden="hidden"></div>
      </footer>
      <article>
      <figure>
      <img src="img/index.png"/>
      <section>
      <ul class="list_group">
      <li>
      <img src="img/goods1.png"/>
      <p><a href="#">手机</a></p>
      </li>
      <li>
      <img src="img/goods2.png"/>
      <p><a href="#">吸尘器</a></p>
      </li>
      <li>
      <img src="img/goods3.png"/>
      <p><a href="#">手机</a></p>
      </li>
      <li>
      <img src="img/goods4.png"/>
      <p><a href="#">洗衣机</a></p>
      </li>
      <li>
      <img src="img/goods7.png"/>
      <p><a href="#">镜头</a></p>
      </li>
      <li>
      <img src="img/goods8.png"/>
      <p><a href="#">相机</a></p>
      </li>
      </ul>
      </section>
      </figure>
      </article>
      </body> </body>
      </html> </html>
      \ No newline at end of file
      product_info.html → web_flea_market/product_info.html
      View file @ 947c28d8
      <!DOCTYPE html> <!DOCTYPE html>
      <html> <html>
      <head> <head>
      <meta charset="utf-8"> <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/common.css" type="text/css" rel="stylesheet"/> <link href="css/common.css" type="text/css" rel="stylesheet"/>
      <link href="css/index.css" type="text/css" rel="stylesheet"/> <link href="css/index.css" type="text/css" rel="stylesheet"/>
      <link href="css/product_list.css" type="text/css" rel="stylesheet"/> <link href="css/product_list.css" type="text/css" rel="stylesheet"/>
      <title></title> <title></title>
      <style> <style>
      @font-face { @font-face {
      font-family: myFont; font-family: myFont;
      src: url('img/STFANGSO.TTF'); src: url('img/STFANGSO.TTF');
      } }
      video{ video{
      width: 98%; width: 98%;
      margin: 2px; margin: 2px;
      } }
      </style> </style>
      </head> </head>
      <body> <body>
      <header> <header>
      <div class="logo"> <div class="logo">
      <img src="img/logo.png"> <img src="img/logo.png">
      </div> </div>
      <div class="search"> <div class="search">
      <form><input type="search" placeholder="搜索" autocapitalize="on" accesskey="g"></form> <form><input type="search" placeholder="搜索" autocapitalize="on" accesskey="g"></form>
      </div> </div>
      </header> </header>
      <video controls="controls" src="img/1.mp4"></video> <video controls="controls" src="img/1.mp4"></video>
      <footer> <footer>
      <ul> <ul>
      <li><a href="index.html">首页</a></li> <li><a href="index.html">首页</a></li>
      <li><a href="add_product.html">商品管理</a></li> <li><a href="add_product.html">商品管理</a></li>
      <li><a class="active" href="product_list.html">商品列表</a></li> <li><a class="active" href="product_list.html">商品列表</a></li>
      <li><a href="#">个人中心</a></li> <li><a href="#">个人中心</a></li>
      </ul> </ul>
      <div style="height: 50px" hidden="hidden"></div> <div style="height: 50px" hidden="hidden"></div>
      </footer> </footer>
      </body> </body>
      </html> </html>
      \ No newline at end of file
      web_flea_market/product_list.html 0 → 100644
      View file @ 947c28d8
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <meta name="viewport" content="device-width,initial-scale=1.0"/>
      <link href="css/common.css" type="text/css" rel="stylesheet">
      <link href="css/index.css" type="text/css" rel="stylesheet">
      <link href="css/product_list.css" type="text/css" rel="stylesheet"/>
      <title>跳蚤市场</title>
      </head>
      <style>
      @font-face {
      font-family: myFont;
      src: url('img/STFANGSO.TTF');
      }
      </style>
      <body>
      <header>
      <div class="logo">
      <img src="img/logo.png">
      </div>
      <div class="search">
      <form><input type="search" placeholder="搜索" autocapitalize="on" accesskey="g"></form>
      </div>
      </header>
      <article>
      <nav id="category">
      <ul class="list_side">
      <li class="active">手机</li>
      <li>家电</li>
      <li>相机</li>
      <li>电脑</li>
      </ul>
      </nav>
      </article>
      <div id="products">
      <ul class="list_group">
      <li>
      <img src="img/goods1.png"/>
      <p><a href="#">华为p30</a></p>
      </li>
      <li>
      <img src="img/goods1.png"/>
      <p><a href="#">OPPO Reno</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">OPPO Reno</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">vivo X23</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">iPhone 8</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">vivo X23</a></p>
      </li>
      <li>
      <img src="img/goods1.png">
      <p><a href="product_info.html">iPhone 8</a></p>
      </li>
      </ul>
      </div>
      <hr>
      <footer>
      <ul>
      <li><a href="index.html">首页</a></li>
      <li><a href="add_product.html">商品管理</a></li>
      <li><a class="active" href="product_list.html">商品列表</a></li>
      <li><a href="#">个人中心</a></li>
      </ul>
      <div style="height: 50px" hidden="hidden"></div>
      </footer>
      </body>
      </html>
      \ No newline at end of file
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment