Center.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <template>
  2. <view class="page-center" style="background:url(https://business.coffunity.cn/upload/home.png);background-size:100% 100%;">
  3. <uni-nav-bar height="200rpx" left-icon="home" backgroundColor="rgb(0,0,0,0)" :border="false" @clickLeft="onHome"/>
  4. <view class="xsschool" @click='onViewSchool'>
  5. <image src="https://business.coffunity.cn/upload/xwschool.png" class="img"></image>
  6. </view>
  7. <view class="section2">
  8. <view class="part1">
  9. <view class="icon" @click="onViewLibary">
  10. <image src="https://business.coffunity.cn/upload/libHourse.png" class="img"></image>
  11. </view>
  12. </view>
  13. <view class="part2">
  14. <view class="icon" @click="onViewFitness">
  15. <image src="https://business.coffunity.cn/upload/club.png" class="img"></image>
  16. </view>
  17. </view>
  18. </view>
  19. <view class="section3">
  20. <view class="part1">
  21. <view class="icon" @click="onViewCoffee">
  22. <image src="https://business.coffunity.cn/upload/coffeeHouse.png" class="img"></image>
  23. </view>
  24. </view>
  25. <view class="part2">
  26. <view class="icon" @click="onViewTheater">
  27. <image src="https://business.coffunity.cn/upload/videoHouse.png" class="img"></image>
  28. </view>
  29. </view>
  30. </view>
  31. </view>
  32. </template>
  33. <script>
  34. export default {
  35. data() {
  36. return {
  37. };
  38. },
  39. methods:{
  40. onHome(e){
  41. uni.switchTab({
  42. url:'/pages/home/home'
  43. })
  44. },
  45. onViewTheater(e){
  46. uni.switchTab({
  47. url:'/pages/theater/index/index'
  48. })
  49. },
  50. onViewCoffee(e){
  51. uni.switchTab({
  52. url:'/pages/index/index'
  53. })
  54. },
  55. onViewFitness(e){
  56. uni.switchTab({
  57. url:'/pages/fitness/index/index'
  58. })
  59. },
  60. onViewSchool(e){
  61. uni.switchTab({
  62. url:'/pages/school/index/index',
  63. })
  64. },
  65. onViewLibary(e){
  66. uni.navigateTo({
  67. url:'/pages/school/library/library',
  68. })
  69. },
  70. },
  71. }
  72. </script>
  73. <style lang="scss">
  74. @import './Center.scss'
  75. </style>