childcare_knowledge.wxss 2.07 KB
   1
   2
   3
   4
   5
   6
   7
   8
   9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32
  33
  34
  35
  36
  37
  38
  39
  40
  41
  42
  43
  44
  45
  46
  47
  48
  49
  50
  51
  52
  53
  54
  55
  56
  57
  58
  59
  60
  61
  62
  63
  64
  65
  66
  67
  68
  69
  70
  71
  72
  73
  74
  75
  76
  77
  78
  79
  80
  81
  82
  83
  84
  85
  86
  87
  88
  89
  90
  91
  92
  93
  94
  95
  96
  97
  98
  99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113
 114
 115
 116
 117
 118
 119
 120
.title_scroll {
width: 95%;
margin-left: 40px;
position: relative;
/*可以滚动 */
white-space: nowrap;
display: inline-block;
}

/*隐藏Scrollview滚动条 */

::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}

.scroll_title_label {
height: 40px;
margin-right: 30px;
text-align: left;
line-height: 40px;
}

.search_img {
width: 20px;
height: 20px;
position: absolute;
margin-top: 11px;
margin-left: 10px;
}

.home__list-item {
position: relative;
background: white;
}

/*首页列表文章 item 的文章图片*/

.home__list__img {
width: 80px;
height: 100%;
vertical-align: top;
/*垂直居中*/
display: flex;
justify-content: center;
align-items: Center;
}

.home__list-item-content {
margin-left: 15px;
}

/*首页列表文章 item 外层布局 右侧*/

.home__list-item__right {
width: 100%;
height: 32px;
/*background: darkcyan;*/
position: relative;
}

/*首页列表文章 item 内的title 布局*/

.home__list-item__title {
position: absolute;
top: 0px;
left: 0px;
right: 60px;
font-size: 14px;
color: #5e5e5e;
font: normal;
}

/*首页列表文章 item 内的的点赞 布局*/

.home__list-item__like {
position: absolute;
top: 0px;
right: 0px;
/*垂直居中
display: flex;
justify-content:center;
align-items:Center;*/
}

/*首页列表文章 item 内的点赞手图标*/

.home__list-item__title-like-icon {
position: absolute;
width: 10px;
height: 10px;
right: 0px;
left: 0px;
top: 7px;
}

/*首页列表文章 item 内的的点赞 数*/

.home__list-item__title-like-count {
/*这个宽度设置后可以变化点赞数整个布局的位置前移后移*/
width: 30px;
margin-left: 15px;
font-size: 10px;
margin-top: 4px;
color: #c8c6c6;
overflow: hidden;
text-overflow: ellipsis;
}

/*item 分割线*/

.home__list-item__bottom {
position: absolute;
height: 1rpx;
background: #d8dbd4;
top: 0px;
left: 15px;
right: 15px;
}