apps.vue 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  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 class="padding-sm">
  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. <navigator hover-class="none" url="/pages/test/luckyDraw/LuckyDrawEvents_pc" >
  72. <view class="padding radius text-center shadow-blur bg-white">
  73. <text class="lg font-size-35 text-blue cuIcon-safe"></text>
  74. <view class="margin-top-sm text-Abc">抽奖</view>
  75. </view>
  76. </navigator>
  77. </view>
  78. <view class="padding-sm">
  79. <navigator hover-class="none" url="/pages/test/luckyDraw/LuckyDrawShowList" >
  80. <view class="padding radius text-center shadow-blur bg-white">
  81. <text class="lg font-size-35 text-blue cuIcon-safe"></text>
  82. <view class="margin-top-sm text-Abc">中奖详情</view>
  83. </view>
  84. </navigator>
  85. </view>
  86. <view class="padding-sm">
  87. <navigator hover-class="none" url="/pages/test/luckyDraw/LuckyDrawEvents" >
  88. <view class="padding radius text-center shadow-blur bg-white">
  89. <text class="lg font-size-35 text-blue cuIcon-safe"></text>
  90. <view class="margin-top-sm text-Abc">活动</view>
  91. </view>
  92. </navigator>
  93. </view>
  94. <!-- <view class="padding-sm">-->
  95. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  96. <!-- <text class="lg font-size-35 text-blue cuIcon-phone"></text>-->
  97. <!-- <view class="margin-top-sm text-Abc">电话</view>-->
  98. <!-- </view>-->
  99. <!-- </view>-->
  100. <!-- <view class="padding-sm">-->
  101. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  102. <!-- <text class="lg font-size-35 text-blue cuIcon-activity"></text>-->
  103. <!-- <view class="margin-top-sm text-Abc">工作</view>-->
  104. <!-- </view>-->
  105. <!-- </view>-->
  106. <!-- <view class="padding-sm">-->
  107. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  108. <!-- <text class="lg font-size-35 text-blue cuIcon-hot"></text>-->
  109. <!-- <view class="margin-top-sm text-Abc">热点</view>-->
  110. <!-- </view>-->
  111. <!-- </view>-->
  112. <!-- <view class="padding-sm">-->
  113. <!-- <navigator hover-class="none" url="/pages/test/mobile/TestMobileList" >-->
  114. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  115. <!-- <text class="lg font-size-35 text-blue cuIcon-safe"></text>-->
  116. <!-- <view class="margin-top-sm text-Abc">测试</view>-->
  117. <!-- </view>-->
  118. <!-- </navigator>-->
  119. <!-- </view>-->
  120. </view>
  121. <u-gap height="80" bgColor="#fff"></u-gap>
  122. </scroll-view>
  123. </view>
  124. </template>
  125. <script>
  126. export default {
  127. name: "apps",
  128. data() {
  129. return {
  130. };
  131. },
  132. onShow() {
  133. console.log("success")
  134. }
  135. }
  136. </script>
  137. <style>
  138. .page {
  139. height: 100vh;
  140. }
  141. .font-size-35{
  142. font-size: 35px!important;
  143. }
  144. .my-app .padding-sm {
  145. padding: 6px;
  146. }
  147. .grid .padding-sm .bg-white{
  148. box-shadow: 0 1px 4px #f9f9f9, 1px 1px 40px rgba(0,0,0,.06);
  149. }
  150. </style>