123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129 |
- page{
- background-color: var(--weui-FG-3);
- }
- .containt{
- margin-top: 0px;
- padding-bottom: 50px;
- }
- .article{
- background-color: #ffffff;
- margin-bottom: 10px;
- }
- .article,.comment{
- padding: 10px;
- }
- .article_name{
- width: 100%;
- display: flex;
- flex-direction: column;
- }
- .deleteIcon{
- display: flex;align-items: center;justify-content: space-between;
- }
- .nick_name{
- font-size: medium;
- font-weight: bold;
- }
- .article_create_at{
- font-size: small;
- color: #c5c3c3;
- }
- .article_title{
- display: flex;
- margin-bottom: 10px;
- position: relative;
- }
- .article_title image ,.comment_image image{
- width: 40px;
- height: 40px;
- }
- .comment_image{
- width: 50px;
- }
- .comment{
- display: flex;
- }
- .article_title text{
- margin-left: 10px;
- }
- .delete{
- position: absolute;
- right: 0;
- color: var(--weui-FG-2);
- }
- .article_pics{
- display: flex;
- flex-direction: row;
- flex-flow: wrap;
- }
- .article_pics image{
- width: 100px;
- height: 100px;
- margin-right: 10px;
- }
- .article_likes{
- margin: 10px auto;
- display: flex;
- justify-content: space-between;
- }
- .article_likes image ,.comment_time image,.comment_name image{
- margin-right: 1px;
- height: 20px;
- width: 20px;
- }
- .comment_count{
- margin-right: 10px;
- }
- .comment_name{
- color: rgb(0, 68, 255);
- display: flex;
- justify-content: space-between;
- }
- .comment_right{
- width: 100%;
- }
- .comment_time{
- font-size: 12px;
- color: var(--weui-FG-2);
- display: flex;
- justify-content: space-between;
- }
- .reply_comment,.reply_article{
- position: relative;
- padding: 10px;
- background-color: var(--weui-FG-4);
- }
- .reply_article_text{
- width: 95%;
- }
- .publish_article,.publish_comment{
- position: absolute;
- bottom: 0;
- right: 0;
- z-index: 99;
- color: red;
- }
- .addPic image{
- width: 50px;
- height: 50px;
- position: fixed;
- right: 20px;
- bottom: 100px;
- }
- .counts{
- display: flex;
- }
- .align{
- display: flex;
- flex-direction: row;
- align-items: center;
- color: rgb(162, 163, 163);
- }
- .hr{
- background-color: #fff;
- margin-top: 10rpx;
- }
- .comment_content{
- word-break: break-all;
- }
|