Authored by 郭成尧

'资讯样式调整'

@@ -19,10 +19,15 @@ @@ -19,10 +19,15 @@
19 <style> 19 <style>
20 .brand-list-box { 20 .brand-list-box {
21 width: 100%; 21 width: 100%;
  22 + padding: 0 30px;
22 23
23 .per-brand-box { 24 .per-brand-box {
24 .index { 25 .index {
25 - padding: 20px; 26 + padding: 18px 0;
  27 +
  28 + a {
  29 + font-size: 36px;
  30 + }
26 } 31 }
27 } 32 }
28 33
@@ -19,10 +19,11 @@ @@ -19,10 +19,11 @@
19 background-color: #fff; 19 background-color: #fff;
20 text-align: center; 20 text-align: center;
21 color: #b0b0b0; 21 color: #b0b0b0;
22 - height: 55px; 22 + height: 56px;
23 width: 92%; 23 width: 92%;
24 font-size: 28px; 24 font-size: 28px;
25 padding: 5px 0; 25 padding: 5px 0;
  26 + border-radius: 8px;
26 } 27 }
27 28
28 } 29 }
@@ -6,7 +6,7 @@ @@ -6,7 +6,7 @@
6 <style> 6 <style>
7 .list-box { 7 .list-box {
8 position: fixed; 8 position: fixed;
9 - width: 45px; 9 + width: 30px;
10 margin: 0; 10 margin: 0;
11 padding: 6px 0; 11 padding: 6px 0;
12 right: 0; 12 right: 0;
@@ -4,7 +4,7 @@ @@ -4,7 +4,7 @@
4 <div v-for="editorial in editorialList" class="editorial-box"> 4 <div v-for="editorial in editorialList" class="editorial-box">
5 <div class="img"> 5 <div class="img">
6 <a href='{{"/editorial/" + editorial.id + ".html"}}'> 6 <a href='{{"/editorial/" + editorial.id + ".html"}}'>
7 - <img v-lazy="editorial.src | resize 750 470" alt="" /> 7 + <img v-lazy="editorial.src | resize 750 469" alt="" />
8 </a> 8 </a>
9 </div> 9 </div>
10 <div class="title"><a class="line-clamp-2" href='{{"/editorial/" + editorial.id + ".html"}}'>{{editorial.title}}</a></div> 10 <div class="title"><a class="line-clamp-2" href='{{"/editorial/" + editorial.id + ".html"}}'>{{editorial.title}}</a></div>
@@ -37,7 +37,8 @@ @@ -37,7 +37,8 @@
37 37
38 .title { 38 .title {
39 background: #fff; 39 background: #fff;
40 - font-size: 32px; 40 + font-size: 42px;
  41 + line-height: 43px;
41 font-weight: 700; 42 font-weight: 700;
42 padding: 10px 20px; 43 padding: 10px 20px;
43 } 44 }
@@ -45,7 +46,9 @@ @@ -45,7 +46,9 @@
45 .editorial-des { 46 .editorial-des {
46 background: #fff; 47 background: #fff;
47 padding: 10px 20px; 48 padding: 10px 20px;
48 - color: #939393; 49 + color: #b0b0b0;
  50 + font-size: 28px;
  51 + line-height: 32px;
49 } 52 }
50 53
51 hr { 54 hr {
@@ -56,7 +59,8 @@ @@ -56,7 +59,8 @@
56 .bottom { 59 .bottom {
57 padding: 10px 20px; 60 padding: 10px 20px;
58 background: #fff; 61 background: #fff;
59 - color: #939393; 62 + color: #b0b0b0;
  63 + font-size: 24px;
60 64
61 .share { 65 .share {
62 float: right; 66 float: right;
@@ -120,7 +124,7 @@ @@ -120,7 +124,7 @@
120 }, 124 },
121 125
122 /* 分享资讯 */ 126 /* 分享资讯 */
123 - share(title, des, img, url) { 127 + share(title, des, img, id) {
124 img = util.getImgUrl(img, 300, 300, 2); 128 img = util.getImgUrl(img, 300, 300, 2);
125 yoho.goShare({ 129 yoho.goShare({
126 title: title, 130 title: title,