123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155 |
- @charset "UTF-8";
- /**
- * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
- * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
- * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
- */
- page.data-v-0c544194 {
- background-color: #F7F7F7;
- border-top: 0.5px solid rgba(0, 0, 0, 0.1);
- }
- .list .enptyStatus.data-v-0c544194 {
- display: flex;
- margin-top: 100px;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- padding: 30px 10px;
- }
- .list .enptyStatus image.data-v-0c544194 {
- width: 80px;
- height: 120px;
- }
- .list .enptyStatus .words.data-v-0c544194 {
- color: #ffae21;
- font-size: 14px;
- padding-top: 10px;
- }
- .list .list_head.data-v-0c544194 {
- padding: 0 10px 0 10px;
- display: flex;
- align-items: center;
- height: 44px;
- background-color: #FFFFFF;
- }
- .list .list_head .list_select.data-v-0c544194 {
- margin: 0 10px 0 0;
- background: #F7F7F7;
- width: 140px;
- display: flex;
- justify-content: space-around;
- align-items: center;
- height: 28px;
- }
- .list .list_head .list_select image.data-v-0c544194 {
- margin-right: 5px;
- width: 13px;
- height: 18px;
- -webkit-transform: rotate(90deg);
- transform: rotate(90deg);
- }
- .list .list_head .list_search.data-v-0c544194 {
- color: red;
- height: 28px;
- }
- .list .list_head .list_btn.data-v-0c544194 {
- width: 30px;
- margin-left: 9px;
- color: #D12727;
- font-size: 15px;
- cursor: pointer;
- }
- .list .list_content.data-v-0c544194 {
- margin: 0 15px;
- margin-top: 15px;
- width: 345px;
- height: 174px;
- background-color: #FFFFFF;
- border-radius: 5px;
- box-shadow: 0px -0.5px 0px #DDDDDD;
- }
- .list .list_content .top.data-v-0c544194 {
- display: flex;
- height: 111px;
- width: 100%;
- }
- .list .list_content .top .headimg.data-v-0c544194 {
- margin: 13px 10px 5px 14px;
- height: 91px;
- width: 83px;
- }
- .list .list_content .top .headimg image.data-v-0c544194 {
- height: 85px;
- width: 80px;
- }
- .list .list_content .top .message.data-v-0c544194 {
- margin-top: 13px;
- margin-left: 5px;
- }
- .list .list_content .top .message .name.data-v-0c544194 {
- color: #0C0C0C;
- font-style: normal;
- font-weight: 500;
- font-size: 15px;
- line-height: 18px;
- }
- .list .list_content .top .message .same.data-v-0c544194 {
- display: flex;
- margin-top: 10px;
- align-items: center;
- height: 14px;
- }
- .list .list_content .top .message .same .circle.data-v-0c544194 {
- flex-shrink: 0;
- margin-right: 8px;
- width: 5px;
- height: 5px;
- border-radius: 50%;
- background: #F1A321;
- }
- .list .list_content .top .message .same .ding.data-v-0c544194 {
- flex-shrink: 0;
- width: 52px;
- font-size: 13px;
- color: #666666;
- opacity: 0.8;
- }
- .list .list_content .top .message .same .words.data-v-0c544194 {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 1;
- line-clamp: 1;
- -webkit-box-orient: vertical;
- word-break: break-all;
- color: #222222;
- font-style: normal;
- opacity: 0.8;
- font-size: 13px;
- line-height: 14px;
- }
- .list .list_content .bottom.data-v-0c544194 {
- border-top: 0.5px solid #DDDDDD;
- display: flex;
- height: 63px;
- line-height: 20px;
- margin: 6px 15px;
- padding: 10px 0;
- }
- .list .list_content .bottom .left.data-v-0c544194 {
- width: 40px;
- color: #666666;
- font-size: 13px;
- opacity: 0.8;
- }
- .list .list_content .bottom .right.data-v-0c544194 {
- width: 260px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-all;
- }
|