Browse Source

修改了样式

feature/feature-compatible
wangkesi 7 years ago
parent
commit
91806502d1
2 changed files with 27 additions and 12 deletions
  1. 11
      src/view/goods-classify.vue
  2. 28
      src/view/home.vue

11
src/view/goods-classify.vue

@ -418,8 +418,15 @@ export default {
font-size: 0.22rem;
color: #999;
width: 100%;
padding: 0.1rem 0 0;
// line-height: 1;
padding: 0.1rem 0 0;
height: 0.22rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-wrap: break-word;
margin-top: 0.16rem;
line-height: 1;
}
.full {
height: 0.2rem;

28
src/view/home.vue

@ -477,7 +477,7 @@ export default {
flex-direction: column;
height: 2rem;
position: relative;
padding-top: 0.2rem;
padding-top: 0.2rem;
box-sizing: border-box;
}
.home .page-content .new-card .card-list li .right h3 {
@ -485,20 +485,27 @@ export default {
font-weight: 400;
color: rgba(51, 51, 51, 1);
margin-bottom: 0.13rem;
text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-height:1;
line-height: 1;
word-wrap: break-word;
}
.home .page-content .new-card .card-list li .right .text {
font-size: 0.24rem;
font-size: 0.24rem;
height: 0.24rem;
font-weight: 400;
line-height:1;
line-height: 1;
color: rgba(153, 153, 153, 1);
margin-bottom: 0.16rem;
margin-bottom: 0.16rem;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-wrap: break-word;
}
.home .page-content .new-card .card-list li .right .card-name {
height: 0.3rem;
@ -506,7 +513,7 @@ export default {
font-style: normal;
font-weight: 400;
color: rgba(244, 163, 83, 1);
text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
@ -516,7 +523,8 @@ export default {
.home .page-content .new-card .card-list li .right .card-name i {
font-style: normal;
background: rgba(255, 242, 229, 1);
padding: 1px 3px;
padding: 0.05rem 0.1rem;
line-height: 0.28rem;
}
.home .page-content .new-card .card-list li .right .btn {
display: flex;
@ -537,8 +545,8 @@ export default {
.home .page-content .new-card .card-list li .right .btn-box .price {
color: #249e6c;
min-width: 1.4rem;
display: flex;
align-items: flex-end;
display: flex;
align-items: flex-end;
}
.home .page-content .new-card .card-list li .right .btn-box span em {
font-size: 0.38rem;

Loading…
Cancel
Save