Главная Обзор Помощь
Регистрация Вход
moonsflyer
/
zhongshen_project
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Ветка: master
Ветки Метки
zhongshen_proje...
/
addon
/
live
/
component
/
view
/
live_info
/
css
/
design.css

design.css 2.2 KB
Постоянная ссылка История Исходник

12345678910111213141516171819202122232425 
  1. .live-wrap { /*background: #fff;*/ /* border-radius: 8px; */overflow: hidden;}
    2. 

  2. .live-wrap .banner-wrap {width: 100%;position: relative;line-height: 1;display: flex;}
    3. 

  3. .live-wrap .banner-wrap img {width: 100%;height:104px;}
    4. 

  4. .live-wrap .banner-wrap .shade {width: 100%;height: 100%;position: absolute;background: rgba(180, 180, 180, 0.3);left: 0;top: 0;z-index: 5;}
    5. 

  5. .live-wrap .banner-wrap .wrap {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;padding: 10px;box-sizing: border-box;}
    6. 

  6. .live-wrap .banner-wrap .wrap .room-name {font-size: 14px;color: #fff;line-height: 1;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: flex;align-items: center;}
    7. 

  7. .live-wrap .banner-wrap .room-name .status-name {display: inline-block;font-size: 12px;color: #fff;padding: 4px 6px;background-color: #FF4544;border-radius: 18px;margin-right: 10px;}
    8. 

  8. .live-wrap .banner-wrap .room-name .status-name img{height: 9px;width: 9px;vertical-align: middle;margin-right: 5px;}
    9. 

  9. .live-wrap .room-name .status-name .iconzhibozhong {font-size: 12px;color: #fff;margin-right: 2px;}
    10. 

  10. 

  11. .live-wrap .room-info {padding: 10px 10px;background: #fff;display: flex;align-items: center;height: 30px;color: #303133;font-size: 14px;}
    12. 

  12. .live-wrap .room-info .anchor-img {width: 30px;height: 30px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
    13. 

  13. .live-wrap .room-info .anchor-name, .live-wrap .room-info .goods-text {font-size: 12px;line-height: 1;color:#303133;}
    14. 

  14. .live-wrap .room-info .separate {color: #808080;margin: 0 5px;line-height: 1;}
    15. 

  15. 

  16. .component-live-info h3 {font-size: 14px; /* font-weight: 600; */padding: 5px 10px 10px 10px;}
    17. 

  17. .component-live-info .layui-form-item .layui-input-inline {padding-left: 20px;}
    18. 

  18. 

  19. /* 复选 */
    20. 

  20. .component-live-info .checkbox-wrap .layui-form-checkbox, .checkbox-wrap .layui-input-inline-checkbox .layui-form-checkbox {float: right;}
    21. 

  21. .component-live-info .checkbox-wrap .layui-form-item .layui-form-checkbox[lay-skin=primary] {margin-top: -4px;padding-left:0;}
    22. 

  22. .component-live-info .checkbox-wrap .layui-form-item .layui-input-inline-checkbox .layui-form-checkbox[lay-skin=primary] {margin-top: 8px;}
    23. 

  23. .component-live-info .layui-form-checkbox[lay-skin=primary] {margin-top: -4px;padding-left:0;}
    24. 

  24. 

  25. .component-live-info .tab-wrap{display: none !important;}
    26.