apps.vue 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <template name="apps">
  2. <view>
  3. <cu-custom bgColor="bg-blue">
  4. <block slot="content"> 应用</block>
  5. </cu-custom>
  6. <scroll-view scroll-y class="page my-app">
  7. <view class="grid col-2 padding-sm">
  8. <!-- <view class="padding-sm">-->
  9. <!-- <navigator hover-class="none" url="/pages/apps/notification/notification" >-->
  10. <!-- <view class="padding radius text-center shadow-blur bg-blue">-->
  11. <!-- <view class="cuIcon-notice text-white circle-button font-size-35"></view>-->
  12. <!-- <view class="margin-top-sm text-Abc">通告</view>-->
  13. <!-- </view>-->
  14. <!-- </navigator>-->
  15. <!-- </view>-->
  16. <!-- <view class="padding-sm">-->
  17. <!-- <navigator hover-class="none" url="/pages/apps/mail/mail" >-->
  18. <!-- <view class="padding radius text-center shadow-blur bg-blue">-->
  19. <!-- <view class="cuIcon-mail text-white circle-button font-size-35"></view>-->
  20. <!-- <view class="margin-top-sm text-Abc">站内信</view>-->
  21. <!-- </view>-->
  22. <!-- </navigator>-->
  23. <!-- </view>-->
  24. <!-- </view>-->
  25. <!-- <view class="grid col-3 padding-sm" style="margin-top: -7px;">-->
  26. <!-- <view class="padding-sm">-->
  27. <!-- <navigator hover-class="none" url="/pages/example/components" >-->
  28. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  29. <!-- <text class="lg font-size-35 text-blue cuIcon-form"></text>-->
  30. <!-- <view class="margin-top-sm text-Abc">元素</view>-->
  31. <!-- </view>-->
  32. <!-- </navigator>-->
  33. <!-- </view>-->
  34. <!-- <view class="padding-sm">-->
  35. <!-- <navigator hover-class="none" url="/pages/example/components" >-->
  36. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  37. <!-- <text class="lg font-size-35 text-blue cuIcon-list"></text>-->
  38. <!-- <view class="margin-top-sm text-Abc">组件</view>-->
  39. <!-- </view>-->
  40. <!-- </navigator>-->
  41. <!-- </view>-->
  42. <!-- <view class="padding-sm">-->
  43. <!-- <navigator hover-class="none" url="/pages/example/basics/icon" >-->
  44. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  45. <!-- <text class="lg font-size-35 text-blue cuIcon-similar"></text>-->
  46. <!-- <view class="margin-top-sm text-Abc">图标</view>-->
  47. <!-- </view>-->
  48. <!-- </navigator>-->
  49. <!-- </view>-->
  50. <!-- <view class="padding-sm">-->
  51. <!-- <navigator hover-class="none" url="/pages/example/ucharts/ucharts" >-->
  52. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  53. <!-- <text class="lg font-size-35 text-blue cuIcon-rank"></text>-->
  54. <!-- <view class="margin-top-sm text-Abc">图表</view>-->
  55. <!-- </view>-->
  56. <!-- </navigator>-->
  57. <!-- </view>-->
  58. <view >
  59. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  60. <!-- <text class="lg font-size-35 text-blue cuIcon-calendar"></text>-->
  61. <!-- <view class="margin-top-sm text-Abc">我的日程</view>-->
  62. <!-- </view>-->
  63. <navigator hover-class="none" url="/pages/calendar/MyCalendar" >
  64. <view class="padding radius text-center shadow-blur bg-white">
  65. <text class="lg font-size-35 text-blue cuIcon-calendar"></text>
  66. <view class="margin-top-sm text-Abc">我的日程</view>
  67. </view>
  68. </navigator>
  69. </view>
  70. <!-- <view class="padding-sm">-->
  71. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  72. <!-- <text class="lg font-size-35 text-blue cuIcon-phone"></text>-->
  73. <!-- <view class="margin-top-sm text-Abc">电话</view>-->
  74. <!-- </view>-->
  75. <!-- </view>-->
  76. <!-- <view class="padding-sm">-->
  77. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  78. <!-- <text class="lg font-size-35 text-blue cuIcon-activity"></text>-->
  79. <!-- <view class="margin-top-sm text-Abc">工作</view>-->
  80. <!-- </view>-->
  81. <!-- </view>-->
  82. <!-- <view class="padding-sm">-->
  83. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  84. <!-- <text class="lg font-size-35 text-blue cuIcon-hot"></text>-->
  85. <!-- <view class="margin-top-sm text-Abc">热点</view>-->
  86. <!-- </view>-->
  87. <!-- </view>-->
  88. <!-- <view class="padding-sm">-->
  89. <!-- <navigator hover-class="none" url="/pages/test/mobile/TestMobileList" >-->
  90. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  91. <!-- <text class="lg font-size-35 text-blue cuIcon-safe"></text>-->
  92. <!-- <view class="margin-top-sm text-Abc">测试</view>-->
  93. <!-- </view>-->
  94. <!-- </navigator>-->
  95. <!-- </view>-->
  96. </view>
  97. <u-gap height="80" bgColor="#fff"></u-gap>
  98. </scroll-view>
  99. </view>
  100. </template>
  101. <script>
  102. export default {
  103. name: "apps",
  104. data() {
  105. return {
  106. };
  107. },
  108. onShow() {
  109. console.log("success")
  110. }
  111. }
  112. </script>
  113. <style>
  114. .page {
  115. height: 100vh;
  116. }
  117. .font-size-35{
  118. font-size: 35px!important;
  119. }
  120. .my-app .padding-sm {
  121. padding: 6px;
  122. }
  123. .grid .padding-sm .bg-white{
  124. box-shadow: 0 1px 4px #f9f9f9, 1px 1px 40px rgba(0,0,0,.06);
  125. }
  126. </style>