index.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /**index.wxss**/
  2. .wrap{
  3. width:690rpx;
  4. /* background:rgba(255,255,255,1);
  5. box-shadow:0rpx 0rpx 21rpx 0rpx rgba(0, 0, 0, 0.09); */
  6. margin: 0 auto;
  7. }
  8. .time_item{
  9. margin-top: 30rpx;
  10. font-size: 30rpx;
  11. background: rgba(255,255,255,1);
  12. box-shadow: 0rpx 0rpx 21rpx 0rpx rgba(0, 0, 0, 0.09);
  13. border-radius: 10rpx;
  14. padding: 20rpx 30rpx;
  15. }
  16. .time_item .item_t{
  17. padding-bottom: 20rpx;
  18. }
  19. .time_item .item_b{
  20. border-top: 1px solid rgba(0,0,0,.1);
  21. display: flex;
  22. align-items: center;
  23. justify-content: flex-end;
  24. padding-top: 20rpx;
  25. }
  26. .time_item .ac_btn{
  27. width: 100rpx;
  28. height: 40rpx;
  29. background: #49C265;
  30. display: flex;
  31. align-items: center;
  32. justify-content: center;
  33. border-radius: 20rpx;
  34. color: #ffffff;
  35. }
  36. .time_item .ac_btn:not(:first-child){
  37. margin-left: 10rpx;
  38. }
  39. .time_item .ac_btn.del{
  40. background: #D54C43;
  41. }
  42. .actions_wrap {
  43. margin-top: 40rpx;
  44. }
  45. .actions_wrap .btn{
  46. width: 320rpx;
  47. height: 80rpx;
  48. margin: 0 auto;
  49. color: #fff;
  50. background: #295C56;
  51. border-radius: 40rpx;
  52. display: flex;
  53. align-items: center;
  54. justify-content: center;
  55. font-size: 28rpx;
  56. }