show.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <view class="container">
  3. <view class="item-iamge">
  4. <image src="../../static/images/showhead.png" class="image"></image>
  5. </view>
  6. <view class="item-title">
  7. <view class="item-title-line"></view>
  8. <view class="item-title-font">迎新指南</view>
  9. </view>
  10. <view class="item-list">
  11. <view class="item-list-one" @tap="navigateToExplain">
  12. <image src="../../static/images/explain.png" class="img-btn"></image>
  13. <text class="list-txt">报道指南</text>
  14. </view>
  15. <view class="item-list-one" @tap="navigateToMap">
  16. <image src="../../static/images/map.png" class="img-btn"></image>
  17. <text class="list-txt">地图导览</text>
  18. </view>
  19. <view class="item-list-one" @tap="navigateToCard">
  20. <image src="../../static/images/card.png" class="img-btn"></image>
  21. <text class="list-txt">临时卡领取</text>
  22. </view>
  23. </view>
  24. </view>
  25. </template>
  26. <script>
  27. export default {
  28. data() {
  29. return {
  30. }
  31. },
  32. methods: {
  33. navigateToExplain(){
  34. uni.navigateTo({
  35. url: '../test/test',
  36. });
  37. },
  38. navigateToMap(){
  39. uni.navigateTo({
  40. url: '',
  41. });
  42. },navigateToCard(){
  43. uni.navigateTo({
  44. url: '',
  45. });
  46. }
  47. }
  48. }
  49. </script>
  50. <style>
  51. @import url("show.css");
  52. </style>