index.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .service-bar {
  2. padding: 30rpx;
  3. padding-bottom: 180rpx;
  4. }
  5. .bar-item {
  6. margin-bottom: 30rpx;
  7. background: #fff;
  8. border-radius: 10rpx;
  9. }
  10. .bar-top{
  11. padding: 30rpx;
  12. border-bottom: 1px solid #F0F0F0;
  13. display: flex;
  14. display: -webkit-flex;
  15. align-items: center;
  16. }
  17. .prescription-image{
  18. width: 100rpx;
  19. height: 100rpx;
  20. background: #D1D1D1;
  21. border-radius: 5rpx;
  22. margin-right: 10rpx;
  23. }
  24. .prescription-data{
  25. }
  26. .prescription-tinfo{
  27. font-size: 24rpx;
  28. color: #999999;
  29. margin-right: 10rpx;
  30. }
  31. .prescription-dinfo{
  32. font-size: 24rpx;
  33. }
  34. .bar-bottom{
  35. padding: 30rpx;
  36. display: flex;
  37. display: -webkit-flex;
  38. align-items: center;
  39. justify-content: space-between;
  40. }
  41. .buttons{
  42. flex: 1;
  43. -webkit-flex:1;
  44. display: flex;
  45. display: -webkit-flex;
  46. justify-content: flex-end;
  47. }
  48. .btn{
  49. padding: 10rpx 22rpx;
  50. font-size: 24rpx;
  51. border-radius: 50rpx;
  52. border: 1px solid #9C9C9C;
  53. margin-left: 20rpx;
  54. }
  55. .btn-red{
  56. border: 1px solid #E60000;
  57. color: #E60000;
  58. }
  59. .bottom-bar{position: fixed;bottom: 0;background: #fff;width: 100%;padding: 10rpx 0;height: 180rpx;}
  60. .bottom-btn{margin:30rpx 30rpx 20rpx;line-height: 83rpx;height: 83rpx;font-size: 36rpx; background-color: var(--mina);color: #fff;color:#fff;text-align: center;border-radius: 40rpx;}
  61. .bottom-btn image{width: 100%;height: 100%;}
  62. .bottom-text{margin: 0 auto 0rpx;font-size: 26rpx;color: #999;justify-content: center;}
  63. .bottom-text image{width: 30rpx;height: 30rpx;margin-right: 10rpx;}
  64. .bottom-text-share{font-size: 26rpx;color: #999;}