Footer.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <template>
  2. <view class="com-footer">
  3. <view class="menu" @click="onViewFitness">
  4. <view class="icon">
  5. <image src="/static/images/ftMenu1.png" class="img"></image>
  6. </view>
  7. <view class="name">健身房</view>
  8. </view>
  9. <view class="menu" @click="onViewTheater">
  10. <view class="icon">
  11. <image src="/static/images/ftmenu2.png" class="img"></image>
  12. </view>
  13. <view class="name">社区中心</view>
  14. </view>
  15. <view class="menu" @click="onViewCoffee">
  16. <view class="icon">
  17. <image src="/static/images/ftmenu3.png" class="img"></image>
  18. </view>
  19. <view class="name">商城</view>
  20. </view>
  21. <view class="menu" @click="onViewSchool">
  22. <view class="icon">
  23. <image src="/static/images/ftmenu4.png" class="img"></image>
  24. </view>
  25. <view class="name">爱心地</view>
  26. </view>
  27. <view class="menu" @click="onViewMy">
  28. <view class="icon">
  29. <image src="/static/images/ftmenu5.png" class="img"></image>
  30. </view>
  31. <view class="name">我的</view>
  32. </view>
  33. </view>
  34. </template>
  35. <script>
  36. export default {
  37. name:"Footer",
  38. data() {
  39. return {
  40. };
  41. },
  42. methods:{
  43. onViewFitness(e){
  44. uni.navigateTo({
  45. url:'/pages/fitness/index/index'
  46. })
  47. },
  48. onViewCoffee(e){
  49. uni.navigateTo({
  50. url:'/shop/Category/Category'
  51. })
  52. },
  53. onViewTheater(e){
  54. uni.navigateTo({
  55. url:'/pages/theater/index/index'
  56. })
  57. },
  58. onViewSchool(e){
  59. uni.navigateTo({
  60. url:'/pages/school/index/index'
  61. })
  62. },
  63. //访问会员中心
  64. onViewMy(e){
  65. uni.switchTab({
  66. url:'/pages/home/home'
  67. })
  68. }
  69. }
  70. }
  71. </script>
  72. <style lang="scss">
  73. @import './Footer.scss'
  74. </style>