Home Esplora Aiuto
Registrati Accedi
xionghaojie
/
H5_module
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Ramo (Branch): master
Rami (Branch) Tag
H5_module
/
onlineregistration
/
appointment
/
appointment.css

appointment.css 3.0 KB
Permalink Cronologia Originale

1234567891011121314151617181920212223242526272829303132333435363738394041424344 
  1. 

  2. .box{background: #fff;padding: 28rpx 30rpx;margin: 30rpx 30rpx 30rpx;border-radius: 20rpx;line-height: 36rpx;}
    3. 

  3. .tap-area{display: flex;justify-content: space-between;align-items: center;}
    4. 

  4. .tap-area .header{border-radius: 50%;width: 80rpx;height: 80rpx;margin: 0 30rpx 0 0;}
    5. 

  5. .header image{width: 100%;height: 100%;border-radius: 50%;}
    6. 

  6. .tap-area .header-title{flex: 1;}
    7. 

  7. .tap-area .header-title .header-name{font-weight: bold;}
    8. 

  8. .tap-area .header-title .header-text{font-size: 24rpx;margin-top: 5rpx;}
    9. 

  9. .header-text text{color: #999;margin-right: 10rpx;}
    10. 

  10. .tap-area .header-more{display: flex;}
    11. 

  11. .more{width: 16rpx;height: 27rpx;margin-left: 8rpx;}
    12. 

  12. 

  13. .service{padding: 28rpx 0;margin: 30rpx;}
    14. 

  14. .service-title{color: #2F3237;margin-bottom: 30rpx;}
    15. 

  15. .service-bar{display: flex;flex-wrap: wrap;justify-content: space-between;}
    16. 

  16. .service-item{width: 332rpx;height: 160rpx;background-color: #fff;display: flex;align-items: center;border-radius: 20rpx;margin-bottom: 30rpx;border: 1rpx solid #fff;}
    17. 

  17. .service-item image{width: 80rpx;height: 80rpx;margin: auto 30rpx;}
    18. 

  18. .service-item:last-child{margin-bottom: 0;}
    19. 

  19. .service .active{border: 1rpx solid #009AFF;position: relative;}
    20. 

  20. .service .active::after{content: '√';width: 40rpx;height: 30rpx; line-height:30rpx; text-align:center; display:block; background-color: #009AFF;position: absolute;bottom: 0;right: 0;border-radius: 36rpx 0 20rpx 0;color: #fff;}
    21. 

  21. .service-name{padding-right: 20rpx;}
    22. 

  22. 

  23. .ddinfo{background: #fff;padding: 0 20rpx;margin: 30rpx;border-radius: 10rpx;}
    24. 

  24. .ddinfo .li{padding: 30rpx 0;border-bottom: 2rpx solid #E5E5E5;}
    25. 

  25. .ddinfo .li:last-child{border-bottom: none;}
    26. 

  26. .ddinfo .li text{display: block;font-size: 28rpx;color: ##000000;}
    27. 

  27. .ddinfo .li view{flex: 1;-webkit-flex: 1;font-size: 28rpx;color: #333;text-align: right;}
    28. 

  28. .ddinfo .li view.quan{color: #FE0419;margin-right: 12rpx;}
    29. 

  29. .ddinfo .li input{flex: 1;-webkit-flex: 1;font-size: 28rpx;color: #333;text-align: right;}
    30. 

  30. .textarea{background: #f5f5f5;border-radius: 10rpx;margin-top: 20rpx;width: 100%;padding: 15rpx;box-sizing: border-box;height: 120rpx;font-size: 28rpx;color: #333;}
    31. 

  31. .placeholder{color: #ccc;}
    32. 

  32. 

  33. .regist-bottom-btn{border-radius: 40rpx;background-color: #009AFF;height: 80rpx;line-height: 80rpx;color: #fff;text-align: center;margin:30rpx;}
    34. 

  34. 

  35. .rico{display: inline-block;width: 14rpx;height: 24rpx;margin-left:10rpx;}
    36. 

  36. 

  37. 

  38. .confirmation-bar{position: fixed;z-index: 100;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 20rpx 20rpx 0 0;padding: 35rpx 0rpx 50rpx;}
    39. 

  39. .pop-title{font-size:36rpx;margin:30rpx 50rpx 0rpx 50rpx;color:#263343;font-weight:bold;}
    40. 

  40. .confirmation-bar .pop-btn{display:flex; justify-content:space-around; position: relative;bottom:0;}
    41. 

  41. .pop-btn-cancal{flex:0 0 40%;border-radius: 40rpx;background-color: #fff;height: 80rpx;line-height: 80rpx;color: #666;text-align: center;border:1rpx solid #666;}
    42. 

  42. .pop-btn-submit{flex:0 0 40%;border-radius: 40rpx;background-color: #009AFF;height: 80rpx;line-height: 80rpx;color: #fff;text-align: center;border:1rpx solid #009AFF;}
    43. 

  43. 

  44. .mask{background-color:#000;opacity: 0.68;width: 100vw;height: 100vw;z-index: 80;}
    45.