Browse Source

修改了样式

feature/feature-compatible
wangkesi 7 years ago
parent
commit
9e5b1abfbd
2 changed files with 51 additions and 43 deletions
  1. 90
      src/view/goods-classify.vue
  2. 4
      src/view/home.vue

90
src/view/goods-classify.vue

@ -129,10 +129,10 @@ export default {
this.$router.push({
name: "首页"
});
},
goTo(no){
location.href=""
},
},
goTo(no) {
location.href = "";
},
//
getParams() {
this.no = this.$route.params.no;
@ -275,13 +275,15 @@ export default {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-wrap: break-word;
margin-top:0.1rem;
word-wrap: break-word;
margin-top: 0.1rem;
white-space: normal;
word-break: break-all;
i {
font-style: normal;
background: rgba(255, 242, 229, 1);
padding: 0.05rem 0.1rem;
line-height: 0.28rem;
padding: 0.05rem 0.1rem;
line-height: 0.28rem;
}
}
.ellipsis {
@ -289,9 +291,11 @@ export default {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-height: 1 !important;
line-height: 1 !important;
word-wrap: break-word;
height: 0.32rem;
white-space: normal;
word-break: break-all;
}
.goods {
background-color: #fff;
@ -372,66 +376,68 @@ export default {
// align-items: center;
}
.item {
align-items: flex-start;
height: 1.87rem;
// position: relative;
a{
display: block;
}
padding: 0.16rem;
width: 5.32rem;
align-items: flex-start;
height: 1.87rem;
// position: relative;
a {
display: block;
}
padding: 0.16rem;
width: 5.32rem;
z-index: 1;
// height: 1.87rem;
box-sizing: border-box;
margin-bottom: 0.2rem;
.list-img-box{
margin-right: 0.15rem;
}
margin-bottom: 0.2rem;
.list-img-box {
margin-right: 0.15rem;
}
.thumb {
width: 1.54rem;
height: 1.54rem;
}
.info {
padding-top:0.05rem;
display: flex;
width: 3.33rem;
flex-grow:1;
padding-top: 0.05rem;
display: flex;
width: 3.33rem;
flex-grow: 1;
height: 100%;
font-size: 0;
flex-direction: column;
height: 100%;
flex-direction: column;
height: 100%;
align-items: flex-start;
justify-content: space-between;
.info-box{
width: 100%;
display: flex;
flex-direction: column;
}
justify-content: space-between;
.info-box {
width: 100%;
display: flex;
flex-direction: column;
}
.title {
font-size: 0.3rem;
color: #333;
width: 100%;
color: #333;
width: 100%;
padding: 0;
line-height: 1;
}
.rule {
font-size: 0.22rem;
color: #999;
width: 100%;
padding: 0.1rem 0 0;
height: 0.22rem;
overflow: hidden;
color: #999;
width: 100%;
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;
white-space: normal;
word-break: break-all;
line-height: 1;
}
.full {
height: 0.2rem;
font-size: 0.2rem;
width: 100%;
font-size: 0.2rem;
width: 100%;
font-style: normal;
font-weight: 400;
color: rgba(244, 163, 83, 1);

4
src/view/home.vue

@ -487,7 +487,9 @@ export default {
margin-bottom: 0.13rem;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
display: -webkit-box;
white-space: normal;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-height: 1;

Loading…
Cancel
Save