phone.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. background: #f8f8f8;
  13. }
  14. .container {
  15. padding-top: 30rpx;
  16. }
  17. .row {
  18. display: -webkit-box;
  19. display: -webkit-flex;
  20. display: flex;
  21. -webkit-box-align: center;
  22. -webkit-align-items: center;
  23. align-items: center;
  24. position: relative;
  25. padding: 0 30rpx;
  26. height: 110rpx;
  27. background: #fff;
  28. }
  29. .row .tit {
  30. -webkit-flex-shrink: 0;
  31. flex-shrink: 0;
  32. width: 120rpx;
  33. font-size: 30rpx;
  34. color: #303133;
  35. }
  36. .row .input {
  37. -webkit-box-flex: 1;
  38. -webkit-flex: 1;
  39. flex: 1;
  40. font-size: 30rpx;
  41. color: #303133;
  42. }
  43. .row .iconlocation {
  44. font-size: 36rpx;
  45. color: #909399;
  46. }
  47. .add-btn {
  48. display: -webkit-box;
  49. display: -webkit-flex;
  50. display: flex;
  51. -webkit-box-align: center;
  52. -webkit-align-items: center;
  53. align-items: center;
  54. -webkit-box-pack: center;
  55. -webkit-justify-content: center;
  56. justify-content: center;
  57. width: 690rpx;
  58. height: 80rpx;
  59. margin: 60rpx auto;
  60. font-size: 32rpx;
  61. color: #fff;
  62. background-color: #6786FB;
  63. border-radius: 10rpx;
  64. }
  65. .bg-gray {
  66. background-color: #999999;
  67. }
  68. .code {
  69. color: #5dbc7c;
  70. font-size: 23rpx;
  71. border-left: 1px solid #eeeeee;
  72. width: 150rpx;
  73. -webkit-flex-shrink: 0;
  74. flex-shrink: 0;
  75. text-align: center;
  76. }