fileBottomPop.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* component/fileBottomPop/fileBottomPop.wxss */
  2. .layout {
  3. height: 70%;
  4. width: 100%;
  5. background-color: #FFFFFF;
  6. position: absolute;
  7. bottom: 0;
  8. border-radius: 14px 14px 0px 0px;
  9. }
  10. .content_layout {
  11. width: 100%;
  12. height: 100%;
  13. margin-top: 43rpx;
  14. display: flex;
  15. flex-direction: column;
  16. }
  17. .toplayout {
  18. display: flex;
  19. flex-direction: column;
  20. margin-left: 28rpx;
  21. margin-right: 28rpx;
  22. }
  23. .img_name_layout {
  24. display: flex;
  25. flex-direction: row;
  26. align-items: center;
  27. justify-content: flex-start;
  28. }
  29. .time_text {
  30. font-size: 28rpx;
  31. color: #666666;
  32. }
  33. .line {
  34. background-color: #979797;
  35. opacity: 0.2;
  36. height: 1rpx;
  37. width: 100%;
  38. }
  39. .action_layout {
  40. height: 114rpx;
  41. width: 100%;
  42. margin-left: 28rpx;
  43. display: flex;
  44. flex-direction: row;
  45. align-items: center;
  46. }
  47. .action_icon {
  48. width: 38rpx;
  49. height: 41rpx;
  50. }
  51. .action_text {
  52. font-size: 28rpx;
  53. color: #333333;
  54. margin-left: 53rpx
  55. }
  56. .cancel_layout {
  57. position: absolute;
  58. bottom: 0;
  59. height: 92rpx;
  60. width: 100%;
  61. background-color: #F4F4F4;
  62. display: flex;
  63. justify-content: center;
  64. align-items: center;
  65. }
  66. .cancel_text {
  67. text-align: center;
  68. width: 200rpx;
  69. font-size: 36rpx;
  70. color: #6d6d6d;
  71. }