fileBottomPop.wxss 1.3 KB

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