apps.vue 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  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. <navigator hover-class="none" url="/pages/test/local/LocationDemo" >
  96. <view class="padding radius text-center shadow-blur bg-white">
  97. <text class="lg font-size-35 text-blue cuIcon-safe"></text>
  98. <view class="margin-top-sm text-Abc">地理位置及拍照</view>
  99. </view>
  100. </navigator>
  101. </view>
  102. <!-- <view class="padding-sm">-->
  103. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  104. <!-- <text class="lg font-size-35 text-blue cuIcon-phone"></text>-->
  105. <!-- <view class="margin-top-sm text-Abc">电话</view>-->
  106. <!-- </view>-->
  107. <!-- </view>-->
  108. <!-- <view class="padding-sm">-->
  109. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  110. <!-- <text class="lg font-size-35 text-blue cuIcon-activity"></text>-->
  111. <!-- <view class="margin-top-sm text-Abc">工作</view>-->
  112. <!-- </view>-->
  113. <!-- </view>-->
  114. <!-- <view class="padding-sm">-->
  115. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  116. <!-- <text class="lg font-size-35 text-blue cuIcon-hot"></text>-->
  117. <!-- <view class="margin-top-sm text-Abc">热点</view>-->
  118. <!-- </view>-->
  119. <!-- </view>-->
  120. <!-- <view class="padding-sm">-->
  121. <!-- <navigator hover-class="none" url="/pages/test/mobile/TestMobileList" >-->
  122. <!-- <view class="padding radius text-center shadow-blur bg-white">-->
  123. <!-- <text class="lg font-size-35 text-blue cuIcon-safe"></text>-->
  124. <!-- <view class="margin-top-sm text-Abc">测试</view>-->
  125. <!-- </view>-->
  126. <!-- </navigator>-->
  127. <!-- </view>-->
  128. </view>
  129. <u-gap height="80" bgColor="#fff"></u-gap>
  130. </scroll-view>
  131. </view>
  132. </template>
  133. <script>
  134. export default {
  135. name: "apps",
  136. data() {
  137. return {
  138. };
  139. },
  140. onShow() {
  141. console.log("success")
  142. }
  143. }
  144. </script>
  145. <style>
  146. .page {
  147. height: 100vh;
  148. }
  149. .font-size-35{
  150. font-size: 35px!important;
  151. }
  152. .my-app .padding-sm {
  153. padding: 6px;
  154. }
  155. .grid .padding-sm .bg-white{
  156. box-shadow: 0 1px 4px #f9f9f9, 1px 1px 40px rgba(0,0,0,.06);
  157. }
  158. </style>