<!--pages/home/index.wxml-->
<view class="container">
  <scroll-view class="scroll-container" lower-threshold="100" bindscroll="onToTop" scroll-y="true" style="height:calc(100% + 50px)">
    <block wx:for="{{1}}" wx:key>
      <image src="../../images/bg.jpg" mode='aspectFill' style="width:100%;"></image>
    </block>
    <!-- 上下滚动文字开始 -->
    <view class="scoll-item">
        <text class="cuIcon-notification lg text-red scoll-text"></text>
        <swiper class="swiper_zi" vertical="true" autoplay="true" circular="true" interval="3000">
          
          <block wx:for="{{adList}}">
          <swiper-item>
            <navigator class="zimubox" url="/pages/information-item/index?id={{item.id}}">
              <view class="swiper_item">{{item.title}}</view>
            </navigator>
          </swiper-item>
          </block>
        </swiper>
      </view>
      
      <!-- 上下滚动文字结束 -->
    <view class="cu-bar bg-white search fixed" style="position:relative;margin-top:15px;">
      <view class="search-form round">
        <text class="cuIcon-search"></text>
        <input type="text" placeholder="输入搜索的关键词" values="{{keyvalue}}" bindinput="setKeyword" confirm-type="search"></input>
      </view>
      <view class="action">
        <button class="cu-btn bg-gradual-green shadow-blur round" bindtap="search">搜索</button>
      </view>
    </view>
    <view wx:if="{{result}}" bindtap="cancleW">
      <view class="tishi">恭喜你，成功获得5个积分</view>
      <view class="result" wx:if="{{result == 'ava'}}">
        <view class="title" style="font-size:20px;margin-top:10px;">可回收物</view>
        <view>
          <text class="title-con">可回收物是指</text>
          <text class="content">适宜回收利用和资源化利用的生活废弃物</text>
        </view>
        <view>
          <text class="title-con">可回收物主要包括</text>
          <text class="content">废纸、废塑料、废金属、废包装物、废旧纺织物、废弃电器电子产品、废玻璃、废纸塑铝复合包装等</text>
        </view>
        <view>
          <text class="title-con">可回收物投放要求</text>
          <text class="content">1、可回收物应轻投轻放，清洁干燥、避免污染; 2、废纸尽量平整; 3、立体包装物请清空内容物，清洁后压扁投放; 4、有尖锐边角的，应包裹后投放。</text>
        </view>
      </view>
      <view class="result" wx:if="{{result == 'other'}}">
        <view class="title" style="font-size:20px;margin-top:10px;">其他垃圾</view>
        <view>
          <text class="title-con">其他垃圾是指</text>
          <text class="content">危害比较小，没有再次利用的价值的垃圾</text>
        </view>
        <view>
          <text class="title-con">其他垃圾主要包括</text>
          <text class="content">如建筑垃圾，生活垃圾等，</text>
        </view>
        <view>
          <text class="title-con">其他垃圾投放要求</text>
          <text class="content">一般都采取填埋、焚烧、卫生分解等方法处理，部分还可以使用生物分解的方法解决，如放蚯蚓等。其他垃圾是可回收物、厨余垃圾、有害垃圾剩余下来的一种垃圾种类。</text>
        </view>
      </view>
      <view class="result" wx:if="{{result == 'harm'}}">
        <view class="title" style="font-size:20px;margin-top:10px;">有害垃圾</view>
        <view>
          <text class="title-con">有害垃圾是指</text>
          <text class="content">对人体健康或者自然环境造成直接或者潜在危害的生活废弃物。</text>
        </view>
        <view>
          <text class="title-con">有害垃圾主要包括</text>
          <text class="content">常见的有害垃圾包括废灯管、废油漆、杀虫剂、废弃化妆品、过期药品、废电池、废灯泡、废水银温度计等，</text>
        </view>
        <view>
          <text class="title-con">有害垃圾投放要求</text>
          <text class="content">有害垃圾需按照特殊正确的方法安全处理。</text>
        </view>
      </view>
      <view class="result" wx:if="{{result == 'dinner'}}">
        <view class="title" style="font-size:20px;margin-top:10px;">厨余垃圾</view>
        <view>
          <text class="title-con">厨余垃圾是指</text>
          <text class="content">居民日常生活及食品加工、饮食服务、单位供餐等活动中产生的垃圾，</text>
        </view>
        <view>
          <text class="title-con">厨余垃圾主要包括</text>
          <text class="content">包括丢弃不用的菜叶、剩菜、剩饭、果皮、蛋壳、茶渣、骨头等，其主要来源为家庭厨房、餐厅、饭店、食堂、市场及其他与食品加工有关的行业。</text>
        </view>
        <view>
          <text class="title-con">厨余垃圾投放要求</text>
          <text class="content">详情请见。。。。</text>
        </view>
      </view>
    </view>
    <view wx:else style="width:90%;margin-left:20px;margin-top:20px;">
      <view wx:if="{{isSearch}}" class="text-grey" style="margin-bottom:10px;">没有搜索到你想要的内容，请看以下！</view>
      <view class="total-data news">
          <text class="text-bold text-black lg title" style="font-size:16px;">垃圾分为以下四类:</text>
          <view class="center">
        <view class="healthy-title title" wx:if="{{answer_result == false}}">
        <view class="text-bold" bindtap="answer_action">在线答题
        <text class="cuIcon-right lg text-black" style="margin-left: 5px;"></text>
        </view>
      </view>
      <view class="healthy-title title" wx:if="{{answer_result == true}}">
        <view class="text-bold" bindtap="answer_result">查看答题结果
        <text class="cuIcon-right lg text-black" style="margin-left: 5px;"></text>
        </view>
      </view>
      </view>
      </view>
      
      <view class="cu-card article card">
        <view class="cu-item shadow" style="margin-left:-40px;">
          <view class="content">
            <image src="../../images/1.jpg" mode="aspectFit" style="margin-right:-5px;"></image>
            <view class="desc">
              <view class="text-content" style="overflow:visible">
                <view class="title-name">可回收物是指：</view>
                <view>适宜回收利用和资源化利用的生活废弃物。可回收物主要品种包括：废纸、废塑料、废金属、废包装物、废旧纺织物、废弃电器电子产品、废玻璃、废纸塑铝复合包装等</view>
              </view>
            </view>
          </view>
        </view>

      </view>   
      <view class="cu-card article card">
          <view class="cu-item shadow" style="margin-left:-40px;">
            <view class="content">
              <image src="../../images/2.jpg" mode="aspectFit" style="margin-right:-5px;"></image>
              <view class="desc">
                <view class="text-content" style="overflow:visible">
                  <view class="title-name">其他垃圾是指：</view>
                  <view>危害比较小，没有再次利用的价值的垃圾，如建筑垃圾，生活垃圾等，一般都采取填埋、焚烧、卫生分解等方法处理，部分还可以使用生物分解的方法解决，如放蚯蚓等。其他垃圾是可回收物、厨余垃圾、有害垃圾剩余下来的一种垃圾种类。</view>
                </view>
              </view>
            </view>
          </view>
        </view>
      <view class="cu-card article card">
        <view class="cu-item shadow" style="margin-left:-40px;">
          <view class="content">
            <image src="../../images/3.jpg" mode="aspectFit" style="margin-right:-5px;"></image>
            <view class="desc">
              <view class="text-content" style="overflow:visible">
                <view class="title-name">有害垃圾是指：</view>
                <view>对人体健康或者自然环境造成直接或者潜在危害的生活废弃物。常见的有害垃圾包括废灯管、废油漆、杀虫剂、废弃化妆品、过期药品、废电池、废灯泡、废水银温度计等，有害垃圾需按照特殊正确的方法安全处理。</view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="cu-card article card" style="margin-bottom:50px;">
        <view class="cu-item shadow" style="margin-left:-40px;">
          <view class="content">
            <image src="../../images/4.jpg" mode="aspectFit" style="margin-right:-5px;"></image>
            <view class="desc">
              <view class="text-content" style="overflow:visible">
                <view class="title-name">厨余垃圾是指：</view>
                <view>居民日常生活及食品加工、饮食服务、单位供餐等活动中产生的垃圾，包括丢弃不用的菜叶、剩菜、剩饭、果皮、蛋壳、茶渣、骨头等，其主要来源为家庭厨房、餐厅、饭店、食堂、市场及其他与食品加工有关的行业。</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </scroll-view>
</view>
