index.wpy 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <style lang="less">
  2. .aIndex {
  3. height: 100%;
  4. overflow: hidden;
  5. position: relative;
  6. background-color: #ebf5fa;
  7. background-repeat: no-repeat;
  8. background-size: contain;
  9. box-sizing: border-box;
  10. .top {
  11. position: relative;
  12. top: 18%;
  13. }
  14. .aTitle {
  15. text-align: center;
  16. color: #2e3742;
  17. font-size: 22px;
  18. font-weight: 600;
  19. line-height: 32px;
  20. margin-bottom: 72rpx;
  21. }
  22. .aImageDiv {
  23. position: relative;
  24. text-align: center;
  25. margin-bottom: 72rpx;
  26. .image {
  27. width: 204px;
  28. }
  29. }
  30. .aLink {
  31. text-align: center;
  32. color: #8b949e;
  33. font-size: 14px;
  34. line-height: 22px;
  35. margin-bottom: 16rpx;
  36. .copy {
  37. margin-left: 8px;
  38. color: #1db1b2;
  39. }
  40. }
  41. .aButton {
  42. text-align: center;
  43. color: #ffffff;
  44. font-size: 16px;
  45. line-height: 50px;
  46. background: #3dcbcc;
  47. width: 275px;
  48. height: 50px;
  49. border-radius: 28px;
  50. margin: 0 auto 32rpx;
  51. display: flex;
  52. align-items: center;
  53. justify-content: center;
  54. }
  55. .aInfo {
  56. text-align: center;
  57. color: #8b949e;
  58. font-size: 14px;
  59. line-height: 22px;
  60. }
  61. .bottom {
  62. position: absolute;
  63. bottom: 9%;
  64. left: 0;
  65. width: 100%;
  66. }
  67. }
  68. </style>
  69. <template>
  70. <div class="aIndex" :style="{'background-image': 'url('+h5StaticPath+'adminBack.png)'}">
  71. <navigationbar></navigationbar>
  72. <div class="top">
  73. <div class="aTitle">登录电脑行政端</div>
  74. <div class="aImageDiv">
  75. <image class="image" :src="h5StaticPath+'administration.png'" mode="widthFix" />
  76. </div>
  77. <div class="aLink">行政端:sagacare.tenants.link</div>
  78. <div class="aLink">用电脑打开上方行政端网址<span class="copy">复制网址</span></div>
  79. </div>
  80. <div class="bottom">
  81. <div class="aButton">
  82. <van-icon name="scan" style="margin-right:8px;"/>扫码登录
  83. </div>
  84. <div class="aInfo">扫一扫行政端二维码,登录行政端</div>
  85. </div>
  86. </div>
  87. </template>
  88. <script>
  89. import wepy from '@wepy/core';
  90. import eventHub from '@/common/eventHub';
  91. import { mapState } from '@wepy/x';
  92. import store from '@/store';
  93. import config from '@/config';
  94. wepy.page({
  95. store,
  96. config: {},
  97. data: {
  98. h5StaticPath: config.h5StaticPath + '/page-home/',
  99. },
  100. computed: {
  101. ...mapState({
  102. userInfo: (state) => state.user.userInfo,
  103. projctId: (state) => state.user?.userInfo?.projctId,
  104. companyId: (state) => state.user?.userInfo?.companyId,
  105. }),
  106. },
  107. methods: {},
  108. onLoad() {},
  109. onShow() {},
  110. });
  111. </script>
  112. <config>
  113. {
  114. "navigationStyle":"custom",
  115. usingComponents: {
  116. "van-icon": "module:@vant/weapp/dist/icon",
  117. "navigationbar":'./navigationbar',
  118. }
  119. }
  120. </config>