index.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @import './tools';
  2. @import './ui';
  3. /* 字体文件 */
  4. @font-face {
  5. font-family: OPPOSANS;
  6. src: url('~@/common/scss/font/OPPOSANS-M-subfont.ttf');
  7. }
  8. .font-OPPOSANS {
  9. font-family: OPPOSANS;
  10. }
  11. page {
  12. -webkit-overflow-scrolling: touch; // 解决ios滑动不流畅
  13. height: 100%;
  14. width: 100%;
  15. // font-family: OPPOSANS;
  16. word-break: break-all; //英文文本不换行
  17. white-space: normal;
  18. background-color: $bg-page;
  19. color: $dark-3;
  20. }
  21. ::-webkit-scrollbar {
  22. width: 0;
  23. height: 0;
  24. color: transparent;
  25. display: none;
  26. }
  27. .tips_wrap{
  28. width: 610rpx;
  29. min-height: 450rpx;
  30. padding: 60rpx 40rpx 30rpx;
  31. background: #FFFFFF;
  32. box-sizing: border-box;
  33. display: flex;
  34. flex-direction: column;
  35. justify-content: space-between;
  36. .tips_cont{
  37. .label{
  38. font-weight: bold;
  39. font-size: 32rpx;
  40. color: #222222;
  41. line-height: 44rpx;
  42. text-align: center;
  43. }
  44. .cont{
  45. font-weight: 400;
  46. font-size: 28rpx;
  47. color: #666666;
  48. line-height: 40rpx;
  49. padding: 60rpx 0;
  50. text-align: center;
  51. }
  52. }
  53. .group_btn{
  54. display: flex;
  55. align-items: center;
  56. .item_btn{
  57. flex: 1;
  58. height: 104rpx;
  59. line-height: 104rpx;
  60. border-radius: 40rpx;
  61. text-align: center;
  62. font-weight: bold;
  63. font-size: 32rpx;
  64. color: #FFFFFF;
  65. margin-left: 18rpx;
  66. }
  67. .item_btn:first-child{
  68. margin-left: 0;
  69. }
  70. .cancel_btn{
  71. background: #CCCCCC;
  72. }
  73. .confirm_btn{
  74. background: #222222;
  75. }
  76. .logout-btn{
  77. background: #FF4E4E;
  78. }
  79. }
  80. }