model.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /* model.wxss */
  2. page{
  3. background-color: rgba(255, 255, 255, 1);
  4. }
  5. .infoText{
  6. margin-top: 20rpx;
  7. text-align: center;
  8. width: 100%;
  9. justify-content: center;
  10. }
  11. .centerText{
  12. margin-top: 100rpx;
  13. width: 100%;
  14. text-align: center;
  15. }
  16. /* --------------分割线------------- */
  17. picker-view{
  18. background-color: white;
  19. padding: 0;
  20. width: 100%;
  21. height: 380rpx;
  22. bottom: 0;
  23. position: fixed;
  24. }
  25. picker-view-column view{
  26. vertical-align:middle;
  27. font-size: 28rpx;
  28. line-height: 28rpx;
  29. height: 100%;
  30. display: flex;
  31. align-items: center;
  32. justify-content: center;
  33. }
  34. .animation-element-wrapper {
  35. display: flex;
  36. position: fixed;
  37. left: 0;
  38. top:0;
  39. height: 100%;
  40. width: 100%;
  41. background-color: rgba(0, 0, 0, 0.6);
  42. z-index: 25;
  43. }
  44. .animation-element {
  45. display: flex;
  46. position: fixed;
  47. width: 100%;
  48. height: 470rpx;
  49. bottom: 0;
  50. background-color: rgba(255, 255, 255, 1);
  51. }
  52. .animation-button {
  53. margin-top: 20rpx;
  54. top:20rpx;
  55. width: 400rpx;
  56. height: 100rpx;
  57. line-height: 100rpx;
  58. align-items:center;
  59. }
  60. .animation-element text{
  61. color: #999999;
  62. display: inline-flex;
  63. position: fixed;
  64. margin-top: 20rpx;
  65. height: 50rpx;
  66. text-align: center;
  67. line-height: 50rpx;
  68. font-size: 34rpx;
  69. font-family: Arial, Helvetica, sans-serif;
  70. }
  71. .left-bt{
  72. left: 30rpx;
  73. }
  74. .right-bt {
  75. right: 30rpx;
  76. }
  77. .line{
  78. display: block;
  79. position: fixed;
  80. height: 1rpx;
  81. width: 100%;
  82. margin-top: 89rpx;
  83. background-color: #eeeeee;
  84. }