u370345
/
zz656730


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>水滴科技有限公司</title>
  <script type="text/javascript" src="./js/vue.min.js"></script>
  <link rel="stylesheet" href="./css/bootstrap.min.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./css/normalize.css" />
</head>

<body>
  <section id="app">
    <header>
      <div>
        <a class="left" href="./page/search.html"><img src="./img/search.png" alt="" /></a>
        <a href="javascript:;"><img src="./img/title.png" alt="" /></a>
        <a class="right" href="./page/kind.html"><img src="./img/tools.png" alt="" /></a>
      </div>
    </header>
    <section class="bananer">
      <img src="./img/bananer.jpg" alt="" />
    </section>
    <section class="content">
      <div class="video">
        <video src="" controls></video>
      </div>
      <div class="company-type">
        <a href="./page/brand.html">
            <img src="./img/home-type_02.jpg" alt="" />
        </a>
        <a href="./page/skillcreate.html">
            <img src="./img/home-type_04.jpg" alt="" />
        </a>
        
      </div>
      <div class="introduce">
        <h2>关于DIISEA</h2>
        <p>
          滴水科技是一家专注于智能清洁领域的科技公司，我们希望以水滴穿石的研发精神与匠心回归初心，让每一位平凡的使用者与生活的每一个繁琐时刻握手言和，感受智能清洁带来的前所未有的生活轻松体验。通过积极探索如何为每一个使用者带来更好的用户体验，从而改变新一代的生活状态。
        </p>
      </div>
      <div class="mall">
        <section class="shopping-mall">
          <h5>Shopping Mall</h5>
          <h5>商城</h5>
        </section>
        <ul>
          <li v-for="(val,key) in mallList" :key="key">
            <img :src="val.imguri" />
            <span>{{ val.title }}</span>
          </li>
        </ul>
      </div>
      <div class="goway">
        <img src="./img/goway.jpg" alt="" />
        <p>清洁探索 追求更好未来</p>
        <span>我们一直在前行</span>
      </div>
      <footer>
        <section class="callme">
          <div class="telphone">
            <p>全国统一服务热线：</p>
            <span>电话：400-812-0098</span>
          </div>
          <div class="online">
            <img src="./img/call_03.jpg" alt="" />
          </div>
        </section>
        <section class="copy">
          <span>鄂ICP备19009716号 Copyright@2019 滴水科技版权所有</span>
        </section>
      </footer>
    </section>
  </section>
</body>
<script type="text/javascript">
  new Vue({
    el: "#app",
    data() {
      return {
        mallList: [
          {
            title: "淘宝商城",
            imguri: "./img/01_03.png"
          },
          {
            title: "苏宁商城",
            imguri: "./img/01_05.png"
          },
          {
            title: "京东商城",
            imguri: "./img/01_07.png"
          },
          {
            title: "微商城",
            imguri: "./img/01_09.png"
          }
        ]
      };
    },
    mounted() { },
    methods: {}
  });
</script>

</html>