sign.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /* pages/sign/index.wxss */
  2. /* 页面容器 签字区域只自改这里的高度 */
  3. .signature-page {
  4. width: 100vw;
  5. height: calc(50vh - 44rpx);
  6. // background-color: #f6f6f6;
  7. display: flex;
  8. flex-direction: column;
  9. padding: 16rpx;
  10. box-sizing: border-box;
  11. }
  12. /* 顶部操作栏 */
  13. .action-bar {
  14. display: flex;
  15. justify-content: flex-end;
  16. gap: 16rpx;
  17. margin-bottom: 20rpx;
  18. padding: 0 10rpx;
  19. }
  20. /* 自定义按钮样式 */
  21. .action-bar .t-button {
  22. min-width: auto;
  23. padding: 0 16rpx;
  24. font-size: 18rpx !important;
  25. height: 35rpx !important;
  26. line-height: 35rpx !important;
  27. }
  28. /* 按钮图标样式 */
  29. .action-bar .t-icon,
  30. .action-bar .t-button__icon,
  31. .action-bar .t-button .t-icon {
  32. font-size: 20rpx !important;
  33. }
  34. /* 签名区域-大尺寸 */
  35. .signature-area-large {
  36. flex: 1;
  37. background-color: #ffffff;
  38. border-radius: 16rpx;
  39. box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.2);
  40. overflow: hidden;
  41. position: relative;
  42. margin: 0 auto;
  43. width: 94vw;
  44. height: 100vh;
  45. }
  46. /* 签名画布-大尺寸 */
  47. .signature-canvas-large {
  48. width: 100%;
  49. height: 100%;
  50. background-color: #ffffff;
  51. }
  52. /* 提示文本 */
  53. .signature-tips {
  54. text-align: center;
  55. color: #999999;
  56. font-size: 12px;
  57. margin-top: 16rpx;
  58. }