philosophyship-mobile/page/article.css

philosophship-mobile 手机端H5 ui 样式库

/*
 * @Author: Shenxf 
 * @Date: 2019-08-27 14:43:42 
 * @Last Modified by: Shenxf
 * @Last Modified time: 2019-08-27 16:42:09
 */
@import '../node_modules/font-awesome/css/font-awesome.min.css';

/* 文章详情页 */
/* 喜欢功能 */
.page-article .tt-article-info>.like {
    float: right;
}

/* 更改激活状态下喜欢按钮的颜色 */
.page-article .tt-article-info>.like.active {
    color: #09bb07;
}

/* 非喜欢状态，使用空心的图标 */
.page-article .tt-article-info>.like:not(.active)>.like-icon {
    display: none;
}

/* 激活状态下使用实心的图标 */
.page-article .tt-article-info>.like.active>.dislike-icon {
    display: none;
}