btnAuth.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* pages/login_page/index.wxss */
  2. page {
  3. width: 100%;
  4. background: rgb(31,228,220);
  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. color: #fff;
  32. }
  33. .quanxian view{
  34. color:#fff;
  35. opacity: 1;
  36. font-size: 28rpx;
  37. }
  38. .quanxian view:first-of-type{
  39. margin-bottom: 10rpx;
  40. }
  41. .btn_login {
  42. background: #fff;
  43. line-height: 100rpx;
  44. color: #2d2d2d;
  45. border: none;
  46. position: absolute;
  47. bottom: 10%;
  48. margin: 0 10%;
  49. text-align: center;
  50. width: 80%;
  51. }
  52. .login_text{
  53. position: absolute;
  54. top: 15%;
  55. width: 80%;
  56. margin: 0 10%;
  57. text-align: center;
  58. }
  59. .login_text view{
  60. color: #404040;
  61. letter-spacing: 2rpx;
  62. margin-top: 20rpx;
  63. }
  64. .login_text view:last-of-type{
  65. margin-top: 30rpx;
  66. font-size: 30rpx;
  67. }
  68. .login_text image{
  69. width: 240rpx;
  70. height: 240rpx;
  71. border-radius:50%;
  72. }