welcomeNew/pages/index/index.vue

<template>
  <!-- 首页面 -->
  <view class="container">
    <view class="item-image"> </view>
    <view class="item-title">
      <view class="item-title-line"></view>
      <view class="item-title-font">迎新指南</view>
    </view>
    <view class="item-list">
      <view class="item-list-one" @click="navigateToMap">
        <image src="../../static/images/map.png" class="img-btn"></image>
        <text class="list-txt">地图导览</text>
      </view>
      <view class="item-list-one" @click="navigateToCard">
        <image src="../../static/images/card.png" class="img-btn"></image>
        <text class="list-txt">临时卡领取</text>
      </view>
	  <view class="item-list-one" @click="navigateToVr">
	    <image src="../../static/images/vr.png" class="img-btn"></image>
	    <text class="list-txt">VR全景</text>
	  </view>
	  <!-- <view class="item-list-one" @click="navigateToPay">
	    <image src="../../static/images/pay.png" class="img-btn"></image>
	    <text class="list-txt">在线缴费</text>
	  </view> -->
    </view>
	<view class="item-list">
		<view class="item-list-one" @click="navigateToJiu">
		  <image src="../../static/images/yudingjiudian.png" class="img-btn"></image>
		  <text class="list-txt">酒店预定</text>
		</view>
	</view>
  </view>
  
</template>

<script>
export default {
  data() {
    return {};
  },

  onLoad() {
    //预加载页面
    uni.preloadPage({ url: "../map/map" });
    uni.preloadPage({ url: "../weiChat/weiChat" });
  },
  upUnload() {},
  methods: {
    //跳转地图导览页面
    navigateToMap() {
      uni.navigateTo({
        url: "../map/map",
      });
    },
    //跳转临时卡页面
    navigateToCard() {
      uni.navigateTo({
        url: "../weiChat/weiChat",
      });
    },
    //跳转缴费页面
    navigateToPay() {
      let gwUrl = "https://chtech.ncjti.edu.cn/jiaofei/jiaofeiH5/#/";
      window.location.href = gwUrl;
    },
	//跳转VR
	navigateToVr() {
	  let gwUrl = "https://www.720pai.net/tour/dfecea34bfc84088";
	  window.location.href = gwUrl;
	},
	//酒店跳转
	navigateToJiu(){
		//订房系统维护中，请稍后再试
		wx.showModal({
		  title: '提示',
		  content: '订房系统维护中，请稍后再试',
		  success(res) {
			if (res.confirm) {
			} else if (res.cancel) {
			}
		  }
		});
		// let gwUrl = "https://chtech.ncjti.edu.cn/hotelReservation/dist/";
		// window.location.href = gwUrl;
	}
  },
};
</script>

<style>
@import url("./css/index.css");
</style>