login.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <template>
  2. <view class="page align-center flex-col">
  3. <view class="header-sec align-center flex-col">
  4. <image src="" mode="" class="logo"></image>
  5. <text class="txt">盲go小程序</text>
  6. </view>
  7. <view class="btn-auth">微信用户一键登录</view>
  8. <view class="btn-mobile" @tap="navTo('/pages/login/mobileLogin')">手机号码登录</view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. };
  16. }
  17. }
  18. </script>
  19. <style lang="scss">
  20. page{
  21. background-color: #fff;
  22. }
  23. .header-sec{
  24. width: 100%;
  25. height: 832rpx;
  26. padding-top: 160rpx;
  27. .logo{
  28. width: 180rpx;
  29. height: 180rpx;
  30. border-radius: 180rpx;
  31. background-color: $base-color;
  32. }
  33. .txt{
  34. margin-top: 33rpx;
  35. font-size: 28rpx;
  36. font-family: PingFang SC;
  37. font-weight: 500;
  38. color: #92B99C;
  39. }
  40. }
  41. .btn-auth{
  42. width: 630rpx;
  43. height: 84rpx;
  44. background: $base-color;
  45. border-radius: 8rpx;
  46. line-height: 84rpx;
  47. text-align: center;
  48. font-size: 34rpx;
  49. font-family: PingFang SC;
  50. font-weight: 500;
  51. color: #FFFFFF;
  52. }
  53. .btn-mobile{
  54. margin-top: 30rpx;
  55. width: 630rpx;
  56. height: 84rpx;
  57. border-radius: 8rpx;
  58. line-height: 84rpx;
  59. text-align: center;
  60. font-size: 34rpx;
  61. font-family: PingFang SC;
  62. font-weight: 500;
  63. color: $base-color;
  64. }
  65. </style>