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>
|