Authored by biao

fix material image issue

@@ -44,27 +44,24 @@ @@ -44,27 +44,24 @@
44 min-height: pxToRem(136px); 44 min-height: pxToRem(136px);
45 margin: pxToRem(10px) 0; 45 margin: pxToRem(10px) 0;
46 text-align: center; 46 text-align: center;
  47 + display: flex;
  48 + align-items: center;
47 49
48 // width: 100%; 50 // width: 100%;
49 // border-bottom:1px solid $borderC; 51 // border-bottom:1px solid $borderC;
50 img { 52 img {
51 - position:absolute;  
52 - top:0;  
53 - bottom:0;  
54 - left:0;  
55 - margin:auto; 53 + //position:absolute;
  54 + //top:0;
  55 + //bottom:0;
  56 + //left:0;
  57 + //margin:auto;
56 //width: pxToRem(90px); 58 //width: pxToRem(90px);
57 - height: auto;  
58 - padding-right: pxToRem(20px); 59 + //height: auto;
  60 + //padding-right: pxToRem(20px);
59 } 61 }
60 .material-image { 62 .material-image {
61 display: inline-block; 63 display: inline-block;
62 width: 23%; 64 width: 23%;
63 - min-height: pxToRem(136px);  
64 - float: left;  
65 - //background-size: 100%;  
66 - background-position-x: center;  
67 - background-repeat: no-repeat;  
68 } 65 }
69 .material-desc { 66 .material-desc {
70 //padding-left:pxToRem(120px); 67 //padding-left:pxToRem(120px);
@@ -105,7 +105,9 @@ @@ -105,7 +105,9 @@
105 <p class="material-desc"> 105 <p class="material-desc">
106 {{desc}} 106 {{desc}}
107 </p>--> 107 </p>-->
108 - <div class="material-image" style="background-image:url({{img}})"></div> 108 + <div class="material-image">
  109 + <img src="{{img}}" alt="材质图">
  110 + </div>
109 <div class="material-desc"> 111 <div class="material-desc">
110 {{desc}} 112 {{desc}}
111 </div> 113 </div>