wx-miniapp/src/pages/HuiAiXin/index.vue

<template>
  <view class="page HuiAiXin">
    <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh">

      <!-- banner -->
      <view class="Banner">
        <view>
          <BannerSwiper></BannerSwiper>
        </view>
      </view>

      <!-- 明星业主 -->
      <view class="StarOwnerList">
        <view class="flex-h">
          <view class="flex-item">
            <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/mingxingyezhu.png"></image>
          </view>
          <navigator url="./StarOwner/index" hover-class="other-navigator-hover" class="More">更多 <text class="iconfont iconjiantouright"></text></navigator>
        </view>
        <view class="ListContainer">
          <scroll-view scroll-x="true">
            <view class="List">
              <navigator v-for="(item, index) in 10" :key="index" url="./StarOwner/StarOwnerDetail/index" hover-class="other-navigator-hover" class="Item">
                <view class="Img"></view>
                <text class="Info">业主家庭名称</text>
              </navigator>
            </view>
            <view style="width: 100%; height: 20px;"></view>
          </scroll-view>
        </view>
      </view>

      <!-- 正能量事迹 -->
      <view class="StoryList">
        <view class="flex-h">
          <view class="flex-item">
            <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/zhengnengliangshiji.png"></image>
          </view>
          <navigator url="./EnergyStory/index" hover-class="other-navigator-hover" class="More">更多 <text class="iconfont iconjiantouright"></text></navigator>
        </view>
        <view class="List">
          <navigator v-for="(item, index) in 20" :key="index" url="./EnergyStory/EnergyStoryDetail/index" hover-class="other-navigator-hover" class="Item flex-h">
            <view class="flex-item">
              <text>事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题</text>
              <text>副标题</text>
              <text>来源</text>
            </view>
            <view class="Img">
              <view></view>
            </view>
          </navigator>
        </view>
      </view>

    </ScrollY>
  </view>
</template>

<script>
import ScrollY from '../../components/ScrollY/index'
import BannerSwiper from '../../components/BannerSwiper/index'
export default {
  name: 'HuiAiXin',
  data () {
    return {
      IsRefreshing: false,
      DataLock: false
    }
  },
  components: {
    ScrollY,
    BannerSwiper
  },
  created () {
    this.Init()
  },
  methods: {
    Init () {
    },
    Refresh (e) {
      if (this.DataLock) return
      this.DataLock = true
      this.IsRefreshing = true
      setTimeout(() => {
        this.IsRefreshing = false
        this.DataLock = false
      }, 1000)
    }
  }
}
</script>

<style lang="scss">
@import "page.scss";
</style>