diff --git a/src/view/goods-classify.vue b/src/view/goods-classify.vue index c7a4564..614bd21 100644 --- a/src/view/goods-classify.vue +++ b/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; diff --git a/src/view/home.vue b/src/view/home.vue index 3163247..5e7b01c 100644 --- a/src/view/home.vue +++ b/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;