addressbook.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. page {
  2. background-color: #F6F6FB;
  3. }
  4. .booxbox {
  5. width: 95%;
  6. margin: 20rpx auto;
  7. background-color: #fff;
  8. padding: 20rpx;
  9. box-sizing: border-box;
  10. border-radius: 5px;
  11. }
  12. .booxbox .booxbox_item {
  13. display: flex;
  14. line-height: 70rpx;
  15. justify-content: space-between;
  16. border-bottom: 1rpx solid #F2F2F2;
  17. padding: 20rpx 0;
  18. }
  19. .booxbox .booxbox_item .booxbox_item_input {
  20. width: 70%;
  21. }
  22. .booxbox .booxbox_item .booxbox_item_input .uni-input-input {
  23. text-align: right;
  24. }
  25. .booxbox .adduser {
  26. margin: 30rpx auto 20rpx;
  27. width: 80%;
  28. background-color: #14A478;
  29. padding: 20rpx 0;
  30. border-radius: 59px;
  31. text-align: center;
  32. color: #fff;
  33. }
  34. .booxlist {
  35. width: 95%;
  36. margin: 20rpx auto;
  37. background-color: #fff;
  38. padding: 20rpx;
  39. box-sizing: border-box;
  40. border-radius: 5px;
  41. }
  42. .booxlist .booxlist_tiele {
  43. border-left: 8rpx solid #14A478;
  44. padding-left: 30rpx;
  45. margin-bottom: 30rpx;
  46. }
  47. .booxlist .booxlist_item {
  48. display: flex;
  49. border-top: 1rpx solid #F2F2F2;
  50. padding: 30rpx 0;
  51. }
  52. .booxlist .booxlist_item .booxlist_item_f {
  53. width: calc(100% - 320rpx);
  54. text-align: left;
  55. overflow: hidden;
  56. white-space: nowrap;
  57. text-overflow: ellipsis;
  58. }
  59. .booxlist .booxlist_item .booxlist_item_t {
  60. width: 270rpx;
  61. text-align: left;
  62. }
  63. .booxlist .booxlist_item .booxlist_item_i {
  64. width: 50rpx;
  65. text-align: center;
  66. }