download.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @charset "UTF-8";
  2. /* 需要放到文件最上面 */
  3. /* 水平间距 */
  4. /* 水平间距 */
  5. /*
  6. 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
  7. */
  8. /* 水平间距 */
  9. .down-list {
  10. padding: 30rpx;
  11. }
  12. .down-list .down-item {
  13. padding: 20rpx 20rpx 0px 20rpx;
  14. background: #fff;
  15. border-radius: 12rpx;
  16. box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  17. margin-bottom: 30rpx;
  18. }
  19. .down-list .down-operation {
  20. border-top: 2rpx solid #d9d9d9;
  21. display: flex;
  22. align-items: center;
  23. }
  24. .down-list .down-operation-item {
  25. display: flex;
  26. align-items: center;
  27. color: #8c8c8c;
  28. flex: 1;
  29. justify-content: center;
  30. padding: 20rpx 0;
  31. }
  32. .down-list .down-content {
  33. display: flex;
  34. align-items: center;
  35. padding-bottom: 20rpx;
  36. }
  37. .down-list .content {
  38. margin-left: 12rpx;
  39. flex: 1;
  40. width: 0;
  41. overflow: hidden;
  42. }
  43. .down-list .title {
  44. font-size: 32rpx;
  45. font-weight: 600;
  46. margin-bottom: 10rpx;
  47. width: 100%;
  48. }
  49. .down-list .date {
  50. font-weight: 300;
  51. font-size: 24rpx;
  52. margin-top: 10rpx;
  53. color: #8c8c8c;
  54. }
  55. .down-list .down-icon {
  56. width: 80rpx;
  57. height: 80rpx;
  58. border-radius: 12rpx;
  59. background: #08979c;
  60. display: flex;
  61. align-items: center;
  62. justify-content: center;
  63. }