Authored by biao

update to fix the detail description style issue

@@ -53,13 +53,29 @@ @@ -53,13 +53,29 @@
53 bottom:0; 53 bottom:0;
54 left:0; 54 left:0;
55 margin:auto; 55 margin:auto;
56 - width: pxToRem(90px); 56 + //width: pxToRem(90px);
57 height: auto; 57 height: auto;
58 padding-right: pxToRem(20px); 58 padding-right: pxToRem(20px);
59 } 59 }
  60 + .material-image {
  61 + display: inline-block;
  62 + 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 + }
60 .material-desc { 69 .material-desc {
61 - padding-left:pxToRem(120px); 70 + //padding-left:pxToRem(120px);
62 font-size: pxToRem(24px); 71 font-size: pxToRem(24px);
  72 + text-align: left;
  73 + display: inline-block;
  74 + width: 75%;
  75 + padding-left: 2%;
  76 + height: auto;
  77 + line-height: pxToRem(40px);
  78 + color: #4b4b4b;
63 } 79 }
64 &:last-child{ 80 &:last-child{
65 border-bottom: none; 81 border-bottom: none;
@@ -101,10 +101,14 @@ @@ -101,10 +101,14 @@
101 <div class="detail"> 101 <div class="detail">
102 {{#list}} 102 {{#list}}
103 <div class="material-item"> 103 <div class="material-item">
104 - <img class="lazy" data-original="{{img}}" alt=""> 104 + <!-- <img class="lazy" data-original="{{img}}" alt="">
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>
  109 + <div class="material-desc">
  110 + {{desc}}
  111 + </div>
108 </div> 112 </div>
109 {{/list}} 113 {{/list}}
110 </div> 114 </div>