index.wxss 1.2 KB

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