start.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <template>
  2. <view @click="navTo()">
  3. <view style="height: 100%;">
  4. <view class="flex justify-center">
  5. <image class="content menuImageNoTask" src="/static/login/logo.png"></image>
  6. </view>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. data() {
  13. return {
  14. }
  15. },
  16. onLoad() {
  17. setTimeout(function(){
  18. uni.navigateTo({
  19. url:"/pages/user/login/login"
  20. })
  21. },1000)
  22. },
  23. methods:{
  24. navTo(){
  25. uni.navigateTo({
  26. url:"/pages/user/login/login"
  27. })
  28. }
  29. }
  30. }
  31. </script>
  32. <style lang="scss">
  33. page{background-color: #C6E6FF;}
  34. .status_bar{height: var(--status-bar-height);width:100%;background:#fff;z-index: 5;position: fixed;left: 0;right: 0;}
  35. .top_b{z-index: 5;background: #fff;position: fixed;left: 0;top:var(--status-bar-height);width: 750rpx;}
  36. .top_b_1{display: flex;justify-content: space-around;height: 90rpx;align-items: center;padding: 0 100rpx;}
  37. .text-blues{color: #AEAEAE;}
  38. .text-blue_one{position: absolute;bottom: -20rpx;left: 70rpx;width: 134rpx;height: 8rpx;border-radius: 30rpx;background-color: #0A8CD5;}
  39. .text-blue_ones{position: absolute;bottom: -20rpx;left: 70rpx;width: 134rpx;height: 8rpx;border-radius: 30rpx;background-color: #EF9D1E;}
  40. .text-blue1{color: #EF9D1E;}
  41. .tot_button{padding:0rpx 22rpx;}
  42. .tot_button_1{display: flex;justify-content: space-between;border-bottom: 2rpx solid #E3E1E1;padding: 28rpx 0rpx 20rpx;}
  43. .tot_button_1 button{width: 342rpx;height: 88rpx;font-size: 32rpx;border-radius: 10rpx;}
  44. .button_divisionName{color: #0A8CD5;background-color: #C6E6FF;}
  45. .button_stake{color: #EF9D1E;background-color: #FCF1E2;}
  46. uni-button:after {border: none;}
  47. .cu-list.grid {
  48. background-color: #F7F7F7;
  49. text-align: center;
  50. }
  51. .solid-type {
  52. border-bottom: 2upx solid black;
  53. }
  54. .solid-type-top {
  55. border-top: 2upx solid rgba(0, 0, 0, 0.1);
  56. }
  57. .dashed-type {
  58. border-bottom: 2upx dashed black;
  59. }
  60. .box {
  61. margin-top: -20rpx;
  62. }
  63. .box view.cu-bar {
  64. margin-top: 20upx;
  65. }
  66. .page {
  67. width: 100vw;
  68. }
  69. .page.show {
  70. overflow: hidden;
  71. }
  72. .menuImage {
  73. height: 110rpx;
  74. width: 110rpx;
  75. }
  76. .shadowType {
  77. -moz-box-shadow: 2px 2px 6px #D0D0D0;
  78. -webkit-box-shadow: 2px 2px 6px #D0D0D0;
  79. box-shadow: 2px 2px 6px #D0D0D0;
  80. }
  81. .cu-list.grid>.cu-item uni-text {
  82. display: block;
  83. margin-top: 4px;
  84. color: black;
  85. font-size: 14px;
  86. line-height: 17px;
  87. }
  88. .cu-dialog {
  89. position: relative;
  90. display: inline-block;
  91. vertical-align: middle;
  92. margin-left: auto;
  93. margin-right: auto;
  94. width: 100%;
  95. max-width: 100%;
  96. /* height: 100%; */
  97. background-color: #f8f8f8;
  98. border-radius: 4px;
  99. overflow: hidden;
  100. }
  101. .bg-diy-yellow {
  102. background-color: #FDF1DF;
  103. }
  104. .bg-diy-blue {
  105. background-color: #D7ECF8;
  106. }
  107. .menuImageNoTask{width:120px;height: 120px;margin-top: 215rpx;}
  108. </style>