index.vue 3.24 KB
<!--
 * @Date: 2022-09-19 14:11:06
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2022-09-26 17:07:34
 * @FilePath: /swx/src/pages/index/index.vue
 * @Description: 首页
-->
<template>
  <view>
    <swiper class='slide-box' indicatorColor='#94B294' indicatorActiveColor='#FFFFFF' current="current"
      :duration="duration" :interval="interval" :circular="isCircular" :autoplay="isAutoplay"
      :indicatorDots="hasIndicatorDots">
      <swiper-item v-for="(item, idx) in imgUrls" :key="idx">
        <image :src="item" class="slide-image" />
      </swiper-item>
    </swiper>
  </view>
  <view style="padding: 1rem 1rem 0.5rem 1rem;">
    <text class="bg-gradient" style="font-size: 1.15rem;">推荐活动</text>
  </view>
  <view style="padding: 0 1rem;">
    <activity-card v-for="(item, index) in activity_list" :key="index" :data="item"></activity-card>
  </view>
  <view style="height: 6rem;"></view>
  <navbar activated="home" />
</template>

<script setup>
import Taro from '@tarojs/taro'
import { ref } from 'vue';
import activityCard from '@/components/activity-card.vue'
import navbar from '@/components/navbar.vue'

const activity_list = ref([{
  title: '智慧没有烦恼',
  address: '上海市杨浦区军工路100号A座05室',
}, {
  title: '万人共乘浪漫热气球',
  address: '',
}, {
  title: '八段锦',
  address: '',
}, {
  title: '智慧没有烦恼',
  address: '上海市杨浦区军工路100号A座05室',
}, {
  title: '万人共乘浪漫热气球',
  address: '',
}, {
  title: '八段锦',
  address: '',
}]);

</script>

<script>
import "./index.less";

export default {
  name: "indexPage",
  onReady() {
    if (!Taro.canIUse("getUpdateManager")) {
      Taro.showModal({
        title: "提示",
        content: "当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试",
        showCancel: false,
      });
      return;
    }

    // https://developers.weixin.qq.com/miniprogram/dev/api/base/update/UpdateManager.html
    const updateManager = Taro.getUpdateManager();

    updateManager.onCheckForUpdate((res) => {
      // 请求完新版本信息的回调
      if (res.hasUpdate) {
        updateManager.onUpdateReady(function () {
          Taro.showModal({
            title: "更新提示",
            content: "新版本已经准备好,是否重启应用?",
            success: function (res) {
              if (res.confirm) {
                // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                updateManager.applyUpdate();
              }
            },
          });
        });

        updateManager.onUpdateFailed(function () {
          // 新版本下载失败
          Taro.showModal({
            title: "更新提示",
            content: "新版本已上线,请删除当前小程序,重新搜索打开",
          });
        });
      }
    });
  },
  data() {
    return {
      current: 1,
      duration: 500,
      interval: 5000,
      isCircular: true,
      isAutoplay: false,
      hasIndicatorDots: true,
      imgUrls: [
        'http://gyzs.onwall.cn/swx_banner%402x.png',
        'http://gyzs.onwall.cn/swx_banner%402x.png',
        'http://gyzs.onwall.cn/swx_banner%402x.png',
      ],
    };
  },
  methods: {
  }
};
</script>