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

        <!-- 标题 -->
        <view class="Title">
          <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/wodehuodong.png"></image>
        </view>

        <!-- 列表 -->
        <view class="List">
          <navigator v-for="(item, index) in 10" :key="index" url="../../HuiShengHuo/ActivityList/ActivityDetail/index" hover-class="other-navigator-hover" class="Item flex-h">
            <view class="flex-item">
              <text>活动标题</text>
              <text>已报名123人</text>
              <text>已结束</text>
            </view>
            <view class="Img">
              <view></view>
            </view>
          </navigator>
        </view>

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

<script>
import ScrollY from '../../../components/ScrollY/index'
export default {
  name: 'WoDeHuoDong',
  data () {
    return {
      IsRefreshing: false,
      DataLock: false
    }
  },
  components: {
    ScrollY
  },
  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>
