index.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <template>
  2. <!-- 首页面 -->
  3. <view class="container">
  4. <view class="item-image"> </view>
  5. <view class="item-title">
  6. <view class="item-title-line"></view>
  7. <view class="item-title-font">迎新指南</view>
  8. </view>
  9. <view class="item-list">
  10. <view class="item-list-one" @click="navigateToMap">
  11. <image src="../../static/images/map.png" class="img-btn"></image>
  12. <text class="list-txt">地图导览</text>
  13. </view>
  14. <view class="item-list-one" @click="navigateToCard">
  15. <image src="../../static/images/card.png" class="img-btn"></image>
  16. <text class="list-txt">临时卡领取</text>
  17. </view>
  18. <view class="item-list-one" @click="navigateToVr">
  19. <image src="../../static/images/vr.png" class="img-btn"></image>
  20. <text class="list-txt">VR全景</text>
  21. </view>
  22. <!-- <view class="item-list-one" @click="navigateToPay">
  23. <image src="../../static/images/pay.png" class="img-btn"></image>
  24. <text class="list-txt">在线缴费</text>
  25. </view> -->
  26. </view>
  27. <view class="item-list">
  28. <view class="item-list-one" @click="navigateToJiu">
  29. <image src="../../static/images/yudingjiudian.png" class="img-btn"></image>
  30. <text class="list-txt">酒店预定</text>
  31. </view>
  32. </view>
  33. </view>
  34. </template>
  35. <script>
  36. export default {
  37. data() {
  38. return {};
  39. },
  40. onLoad() {
  41. //预加载页面
  42. uni.preloadPage({ url: "../map/map" });
  43. uni.preloadPage({ url: "../weiChat/weiChat" });
  44. },
  45. upUnload() {},
  46. methods: {
  47. //跳转地图导览页面
  48. navigateToMap() {
  49. uni.navigateTo({
  50. url: "../map/map",
  51. });
  52. },
  53. //跳转临时卡页面
  54. navigateToCard() {
  55. uni.navigateTo({
  56. url: "../weiChat/weiChat",
  57. });
  58. },
  59. //跳转缴费页面
  60. navigateToPay() {
  61. let gwUrl = "https://chtech.ncjti.edu.cn/jiaofei/jiaofeiH5/#/";
  62. window.location.href = gwUrl;
  63. },
  64. //跳转VR
  65. navigateToVr() {
  66. let gwUrl = "https://www.720pai.net/tour/dfecea34bfc84088";
  67. window.location.href = gwUrl;
  68. },
  69. //酒店跳转
  70. navigateToJiu(){
  71. //订房系统维护中,请稍后再试
  72. wx.showModal({
  73. title: '提示',
  74. content: '订房系统维护中,请稍后再试',
  75. success(res) {
  76. if (res.confirm) {
  77. } else if (res.cancel) {
  78. }
  79. }
  80. });
  81. // let gwUrl = "https://chtech.ncjti.edu.cn/hotelReservation/dist/";
  82. // window.location.href = gwUrl;
  83. }
  84. },
  85. };
  86. </script>
  87. <style>
  88. @import url("./css/index.css");
  89. </style>