index.scss 1009 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. page{
  2. width: 100%;
  3. height: 100vh;
  4. overflow: hidden;
  5. }
  6. .container {
  7. width: 100%;
  8. height: 100vh;
  9. padding: 20rpx 0;
  10. overflow: hidden;
  11. display: flex;
  12. align-content: center;
  13. flex-direction: row;
  14. justify-content: center;
  15. font-size: 28rpx;
  16. box-sizing: border-box;
  17. }
  18. .handleBtn {
  19. display: inline-flex;
  20. flex-direction: column;
  21. justify-content: space-between;
  22. align-content: space-between;
  23. flex: 1;
  24. padding-right: 20rpx;
  25. box-sizing: border-box;
  26. overflow: hidden;
  27. }
  28. .handleBtn button {
  29. text-align: center;
  30. transform: rotate(90deg);
  31. }
  32. .handleBtn button:not([size='mini']) {
  33. width: 160rpx;
  34. margin-top: 40rpx;
  35. margin-bottom: 40rpx;
  36. }
  37. .handCenter {
  38. border: 4rpx dashed #e9e9e9;
  39. flex: 5;
  40. overflow: hidden;
  41. box-sizing: border-box;
  42. }
  43. .handRight {
  44. display: inline-flex;
  45. align-items: center;
  46. }
  47. .handRight .handTitle {
  48. transform: rotate(90deg);
  49. flex: 1;
  50. color: #666;
  51. }
  52. .handWriting {
  53. background: #fff;
  54. width: 100%;
  55. height: 95vh;
  56. flex: 2;
  57. }