btnAuth.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /* pages/login_page/index.wxss */
  2. page {
  3. width: 100%;
  4. background: #1fe4dc;
  5. height: 100%;
  6. overflow: hidden;
  7. }
  8. .login_con {
  9. width: 100%;
  10. height: 100%;
  11. position: relative;
  12. overflow: hidden;
  13. }
  14. .needLogin {
  15. width: 100%;
  16. height: 100%;
  17. position: absolute;
  18. }
  19. .needLogin image {
  20. width: 100%;
  21. height: 100%;
  22. }
  23. .quanxian{
  24. position: absolute;
  25. font-size: 30rpx;
  26. border: none;
  27. bottom: 20%;
  28. margin: 0 10%;
  29. text-align: center;
  30. width: 80%;
  31. }
  32. .quanxian view{
  33. color:404040;
  34. opacity: 0.6;
  35. font-size: 28rpx;
  36. }
  37. .quanxian view:first-of-type{
  38. margin-bottom: 10rpx;
  39. }
  40. .btn_login {
  41. background: #fff;
  42. line-height: 100rpx;
  43. color: #2d2d2d;
  44. border: none;
  45. position: absolute;
  46. bottom: 10%;
  47. margin: 0 10%;
  48. text-align: center;
  49. width: 80%;
  50. }
  51. .login_text{
  52. position: absolute;
  53. top: 15%;
  54. width: 80%;
  55. margin: 0 10%;
  56. text-align: center;
  57. }
  58. .login_text view{
  59. color: #404040;
  60. letter-spacing: 2rpx;
  61. margin-top: 20rpx;
  62. }
  63. .login_text view:last-of-type{
  64. margin-top: 30rpx;
  65. font-size: 40rpx;
  66. }
  67. .login_text image{
  68. width: 240rpx;
  69. height: 240rpx;
  70. border-radius:50%;
  71. }