Startseite Erkunden Hilfe
Registrieren Anmelden
moonsflyer
/
zhongshen_project
1
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Branch: master
Branches Tags
zhongshen_proje...
/
public
/
static
/
ext
/
diyview
/
css
/
member_index.css

member_index.css 6.7 KB
Permalink Verlauf Originalformat

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 
  1. .preview-wrap{overflow: hidden;margin-left: 290px;margin-right: 400px;}
    2. 

  2. 

  3. /* 新的样式 */
    4. 

  4. .preview-block{background-color: #fff;}
    5. 

  5. 

  6. .color-list>.colorSelector{margin-right: 20px;}
    7. 

  7. .color-list>.colorSelector:nth-last-child(2){margin-right: 16px;}
    8. 

  8. .color-list>.colorSelector.selected,.color-list .layui-form-item.selected .colorSelector{border: 1px solid #FF6A00;}
    9. 

  9. .color-list .layui-form-item{display: inline-block;margin-bottom: 0;}
    10. 

  10. .color-list .layui-form-label{display: none;}
    11. 

  11. .color-list .layui-form-label.sm + .layui-input-block{margin-left: 0;line-height: initial;min-height: initial;}
    12. 

  12. .color-list .diy-color-wrap{width: 85px; display: inline-block;padding: 0 5px;height: 28px;line-height: 26px;}
    13. 

  13. .color-list .diy-color-wrap .flex_left{margin-left: 50px;}
    14. 

  14. .color-list .diy-color-wrap input{width: 55px;border: none;font-size: 12px;}
    15. 

  15. .color-list .diy-color-wrap .color-selector-reset{line-height: initial;font-size: 12px;display: none;}
    16. 

  16. /*.color-list .diy-color-wrap .colorSelector{margin-right: 0;}*/
    17. 

  17. .color-list .diy-color-wrap .flex_fill{position: absolute;top: 68px;left: 34px;}
    18. 

  18. .diy-text-color .flex{display: flex;}
    19. 

  19. .diy-text-color .flex .flex_left{display: flex; align-items: center;}
    20. 

  20. .diy-text-color .flex .flex_left .curr_color{display: none;}
    21. 

  21. 

  22. /* 会员中心 */
    23. 

  23. .member-info .preview-draggable{;background-color: #ff454f;background-size: 100% auto;background-position: left top;}
    24. 

  24. .member-info .preview-draggable .info{position: relative;display: flex;align-items: center;padding: 15px;color: #fff;}
    25. 

  25. .member-info .preview-draggable .info .info-img{width: 50px;height: 50px;border: 3px solid #fff;margin-right: 8px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
    26. 

  26. .member-info .preview-draggable .info .info-img img{max-width: 100%;max-height: 100%;}
    27. 

  27. .member-info .preview-draggable .info .info-set{position: absolute;width: 20px;height: 20px;right: 15px;top: 15px;}
    28. 

  28. .member-info .preview-draggable .info .info-set i {font-size: 18px;color: #fff;line-height: 1;}
    29. 

  29. .member-info .preview-draggable .info .info-content .info-name{font-size: 16px;font-weight: bold;}
    30. 

  30. .member-info .preview-draggable .info .info-content .info-grad{text-align: center;display: block;color: #e7e525;background: rgba(0, 0, 0, 0.5);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;font-size: 12px;margin-top: 5px;padding: 5px 8px;line-height: 1;}
    31. 

  31. .member-info .preview-draggable .wallet{margin-top: 10px;display: flex;justify-content: space-around;align-items: center;color: #fff;padding-bottom: 10px;}
    32. 

  32. .member-info .preview-draggable .wallet .wallet-item{padding: 0 30px;}
    33. 

  33. .member-info .preview-draggable .wallet .wallet-item-border{height: 30px;width: 1px;background-color: rgba(255,255,255,.5);}
    34. 

  34. .member-info .preview-draggable .wallet span{display: flex;justify-content: center;}
    35. 

  35. 

  36. /* 订单信息 */
    37. 

  37. .order-info .preview-draggable{background-color: #fff;padding: 0 15px;}
    38. 

  38. .order-info .preview-draggable .order-info-title{display: flex;align-items: center;height: 50px;justify-content: space-between;border-bottom: 1px solid #e7e7e7;}
    39. 

  39. .order-info .preview-draggable .order-info-title .all-order{font-size: 16px;font-weight: bold;}
    40. 

  40. .order-info .preview-draggable .order-info-title .check-order,.order-info .preview-draggable .order-info-title .check-order i{color: #a3a3a3;font-size: 12px;}
    41. 

  41. 

  42. .order-info .preview-draggable .order-info-content{display: flex;justify-content: space-between;padding: 10px 0;text-align: center;}
    43. 

  43. .order-info .preview-draggable .order-info-content .content-item-icon{width: 25px;height: 25px;margin: 0 auto 5px;}
    44. 

  44. .order-info .preview-draggable .order-info-content .content-item-icon img{max-width: 100%;max-height: 100%;}
    45. 

  45. 

  46. /* 会员等级 */
    47. 

  47. .member-grade .preview-draggable{display: flex;justify-content: space-between;align-items: center;height: 44px;margin: 20px 10px;color: #e5ce75;border-radius: 6px;background: #1D1D1D;padding: 0 10px;background: -webkit-linear-gradient(left, #683f00, #1D1D1D);background: linear-gradient(to right, #683f00, #1D1D1D);}
    48. 

  48. 

  49. /* 常用工具 */
    50. 

  50. .common-tools .preview-draggable{padding: 10px 0;}
    51. 

  51. .common-tools .preview-draggable .tools-title{padding: 0 10px;height: 40px;line-height: 40px;}
    52. 

  52. .common-tools .preview-draggable .tools-title span{font-size: 16px;font-weight: bold;}
    53. 

  53. .common-tools .preview-draggable .tools-list{padding: 0;display: flex;flex-wrap: wrap;}
    54. 

  54. .common-tools .preview-draggable .tools-list .tools-item{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 92px;height: 48px;padding: 10px 0;}
    55. 

  55. .common-tools .preview-draggable .tools-list .tools-item .tools-item-icon{display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;margin-bottom: 5px;}
    56. 

  56. .common-tools .preview-draggable .tools-list .tools-item img{max-width: 100%;max-height: 100%;}
    57. 

  57. .common-tools .preview-draggable .tools-list.list{display: block;}
    58. 

  58. .common-tools .preview-draggable .tools-list.list .tools-item{display: block;width: initial;height: initial;padding: 12px 10px;margin: 0 10px;border-bottom: 1px solid #e5e5e5;}
    59. 

  59. .common-tools .preview-draggable .tools-list.list .tools-item:first-child{border-bottom: 1px solid #e5e5e5;}
    60. 

  60. .common-tools .preview-draggable .tools-list.list .tools-item:last-child{border-bottom: none;}
    61. 

  61. .common-tools .preview-draggable .tools-list.list .tools-item .tools-item-icon{display: inline-block;width: 22px;height: 22px;margin-right: 5px;}
    62. 

  62. .common-tools .preview-draggable .tools-list.list .tools-item i{float: right;color: #a3a3a3;}
    63. 

  63. .common-tools .preview-draggable .tools-list.list.insert-gap{background: #F7F8FA;}
    64. 

  64. .common-tools .preview-draggable .tools-list.list.insert-gap li{background: #fff;margin-bottom: 10px;border-bottom: 0 !important;}
    65. 

  65. .common-tools .preview-draggable .tools-list.list.insert-gap li:last-child{margin-bottom: 0;}
    66. 

  66. 

  67. .menu-list{margin-left:10px;}
    68. 

  68. /*#f2f4f6*/
    69. 

  69. .menu-list>ul{margin-bottom: 10px;}
    70. 

  70. .menu-list>ul>li{background: #ffffff;border:1px solid #e5e5e5;position:relative;border-top: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;height: 50px;line-height: 50px;}
    71. 

  71. .menu-list>ul>li:first-child{border-top:1px solid #e5e5e5;}
    72. 

  72. .menu-list>ul>li .layui-form-checkbox{display: inline-block;margin-left: 10px;}
    73. 

  73. .menu-list>ul>li .info-wrap{display: inline-block;width: 65%;padding-right:10px;}
    74. 

  74. .menu-list>ul>li .info-wrap .tips{color:#a3a3a3;}
    75. 

  75. .menu-list>ul>li .info-wrap span{cursor: pointer;}
    76. 

  76. .menu-list>ul>li i{color: #B2B2B2;font-size: 18px;vertical-align: middle;float: right;cursor: pointer;margin-right: 10px;}
    77. 

  77. .img-upload .upload-img-block{width: 120px;height: 50px;}
    78. 

  78. .upload-img-block .del{width: 15px;height: 15px;line-height: 14px;}
    79. 

  79. .js-select-link-text{margin-right: 10px; font-size: 12px; display: inline-block; height: 36px; line-height: 36px; vertical-align: top; white-space: nowrap; overflow: hidden; max-width: 80%; text-overflow: ellipsis;}
    80.