app.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /**app.wxss**/
  2. /* 引入icon样式库 */
  3. @import 'icon.wxss';
  4. /* 登录样式 */
  5. .logo {
  6. width: 128rpx;
  7. height: 128rpx;
  8. margin: 0rpx auto;
  9. position: relative;
  10. top: 200rpx;
  11. }
  12. .logoImg {
  13. width: 100%;
  14. height: 100%;
  15. }
  16. .loginButton {
  17. width: 80%;
  18. margin: 0rpx auto;
  19. position: relative;
  20. top: 500rpx;
  21. }
  22. .wechatLogin, .phoneLogin {
  23. width: 100%;
  24. height: 80rpx;
  25. border-radius: 50rpx;
  26. border: 0rpx;
  27. outline: none;
  28. }
  29. .wechatLogin button {
  30. background-color: #70e500;
  31. border-radius: 50rpx;
  32. border: none;
  33. color: #fff;
  34. }
  35. .phoneLogin {
  36. margin-top: 40rpx;
  37. }
  38. .phoneLogin button {
  39. border-radius: 50rpx;
  40. border: 1rpx solid #70e500;
  41. background-color: #fff;
  42. color: #70e500;
  43. }
  44. /* 公共类 */
  45. .marginTopBottom {
  46. margin-top: 20rpx;
  47. margin-bottom: 30rpx;
  48. }
  49. .barTitle {
  50. width: 100%;
  51. height: 56rpx;
  52. padding: 20rpx 0rpx;
  53. text-align: center;
  54. }
  55. .Title-left {
  56. float: left;
  57. font-size: 37rpx;
  58. font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  59. font-weight: 800;
  60. color: #333;
  61. }
  62. .Title-right {
  63. float: right;
  64. font-size: 26rpx;
  65. color: #aaa;
  66. }