u370345
/
zz656730


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
							<!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/normalize.css" />
    <link rel="stylesheet" href="../css/handheld.css" />
  </head>
  <body>
    <section id="app">
      <header>
        <div>
          <a class="left" href="/"><img src="../img/search.png" alt=""/></a>
          <h2>手持式</h2>
          <a class="right" href="./kind.html"><img src="../img/tools.png" alt=""></a>
        </div>
      </header>
      <section class="hanheld">
        <img src="../img/handheld.jpg" alt="" />
      </section>
      <section class="pw-list">
        <ul>
          <li
            v-for="(val,key) in tableList"
            :key="key"
            v-bind:class="{ active: key%2==1 }"
          >
            <div><img :src="val.imgUrl" alt="" /></div>
            <div class="content">
              <div>
                <section class="title">
                  <span>0{{ key + 1 }}</span>
                  <h5>{{ val.title }}</h5>
                </section>
                <section>
                  <p>{{ val.content }}</p>
                </section>
              </div>
            </div>
          </li>
        </ul>
      </section>
      <!-- <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>
  </body>
  <script type="text/javascript">
    new Vue({
      el: "#app",
      data() {
        return {
          tableList: [
            {
              id: 1,
              title: "您还在为机器工作时噪音大打扰到休息而烦心吗？",
              content:
                "DIISEA帮助您，声音小于60分贝，再也不用担心家人的睡眠情况，为您和您的家人带来更恬静、舒服的生活环境。",
              imgUrl: "../img/hand/hand_03.png"
            },
            {
              id: 2,
              title: "您还在为食物掉落在地上无法轻松处理干净而无奈吗？",
              content:
                "DIISEA帮助您，多种污渍一次性清理干净，超强洁力，替您快速解决数重麻烦，节省更多时间。",
              imgUrl: "../img/hand/hand_09.png"
            },
            {
              id: 3,
              title: "您还在为细菌的滋生而无助吗?",
              content:
                "DIISEA帮助您，从清洁的第一步开始就高效除菌，做到干净的同时还强力抑菌，成为您家居生活的小卫士。",
              imgUrl: "../img/hand/hand_11.png"
            },
            {
              id: 4,
              title: "您还在为留下水渍而重复工作吗？",
              content:
                "DIISEA帮助您，干湿垃圾同时处理，轻松的将固态和液态自动分离，让您的地面再也不出现难看水渍。",
              imgUrl: "../img/hand/hand_14.png"
            },
            {
              id: 5,
              title: "您还在为清洁工具操作麻烦而头疼吗？",
              content:
                "DIISEA帮助您，告别复杂程序化，简简单单一键搞定，为您提高清洁智能生活幸福感。",
              imgUrl: "../img/hand/hand_16.png"
            },
            {
              id: 6,
              title: "您还在被传统清洁工具的线“扯后腿”吗？",
              content:
                "DIISEA帮助您，无线操作，拒绝缠绕，随心洁净，做您生活中最称心的小助手。",
              imgUrl: "../img/hand/hand_18.png"
            },
            {
              id: 7,
              title: "您还在为自家主子的掉毛而绝望吗？",
              content:
                "DIISEA帮助您，不论何时，高效清理，为您与爱宠打造更干净卫生的相处环境，让您成为最优秀的铲屎官。",
              imgUrl: "../img/hand/hand_20.png"
            },
            {
              id: 8,
              title: "您还在为清洁工具外观不够美观而烦恼吗？",
              content:
                "DIISEA帮助您，造型别致，精美大气，陪您抢先一步开启清洁智能生态新生活。",
              imgUrl: "../img/hand/hand_23.png"
            }
          ]
        };
      },
      mounted() {},
      methods: {}
    });
  </script>
</html>