fe / yohoblk-wap · Commits

Go to a project

Authored by 郭成尧
Commit f03ae142bd9894fd3b15cf864968a8d134cea28a 1 parent 31a59a10

咨询列表前端ICON

Inline Side-by-side
Showing 8 changed files with 64 additions and 11 deletions
  1 +/**
  2 + * Created by PhpStorm.
  3 + * User: Targaryen
  4 + * Date: 2016/7/27
  5 + * Time: 10:11
  6 + */
  7 +'use strict';
  8 +
No preview for this file type
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3 <svg xmlns="http://www.w3.org/2000/svg"> 3 <svg xmlns="http://www.w3.org/2000/svg">
4 <metadata> 4 <metadata>
5 -Created by FontForge 20120731 at Tue Jul 26 20:00:14 2016 5 +Created by FontForge 20120731 at Wed Jul 27 10:16:29 2016
6 By admin 6 By admin
7 </metadata> 7 </metadata>
8 <defs> 8 <defs>
@@ -16,7 +16,7 @@ Created by FontForge 20120731 at Tue Jul 26 20:00:14 2016 @@ -16,7 +16,7 @@ Created by FontForge 20120731 at Tue Jul 26 20:00:14 2016
16 ascent="896" 16 ascent="896"
17 descent="-128" 17 descent="-128"
18 x-height="792" 18 x-height="792"
19 - bbox="-0.0999985 -221.6 1457 896" 19 + bbox="-0.75 -221.6 1457 896"
20 underline-thickness="50" 20 underline-thickness="50"
21 underline-position="-100" 21 underline-position="-100"
22 unicode-range="U+0078-E617" 22 unicode-range="U+0078-E617"
@@ -80,6 +80,11 @@ q0 86 -60.5 146.5t-146.5 60.5zM388 282q-12 -12 -28 -17t-39 -5h-57v236h39q23 0 37 @@ -80,6 +80,11 @@ q0 86 -60.5 146.5t-146.5 60.5zM388 282q-12 -12 -28 -17t-39 -5h-57v236h39q23 0 37
80 l-108 -108z" /> 80 l-108 -108z" />
81 <glyph glyph-name="uniE610" unicode="&#xe610;" 81 <glyph glyph-name="uniE610" unicode="&#xe610;"
82 d="M0 896v-1024q139 0 272 37t245 103t206.5 160.5t160.5 206.5t103 245t37 272h-1024zM657 281l-44 -43l-201 201l-201 -201l-43 43l201 201l-201 201l43 43l201 -201l201 201l44 -43l-201 -201z" /> 82 d="M0 896v-1024q139 0 272 37t245 103t206.5 160.5t160.5 206.5t103 245t37 272h-1024zM657 281l-44 -43l-201 201l-201 -201l-43 43l201 201l-201 201l43 43l201 -201l201 201l44 -43l-201 -201z" />
  83 + <glyph glyph-name="uniE611" unicode="&#xe611;" horiz-adv-x="1313"
  84 +d="M1303 363l-599 533v-330q-159 -4 -283.5 -41t-196.5 -93t-122 -124t-69.5 -134t-27 -121.5t-6 -89t2.5 -34.5q65 83 120.5 131t136 82.5t184 47.5t261.5 15v-330z" />
  85 + <glyph glyph-name="uniE612" unicode="&#xe612;"
  86 +d="M490 406h-223v-44h267v356h-44v-312zM512 874q-100 0 -190.5 -39t-156 -104.5t-104.5 -156t-39 -190.5t39 -190.5t104.5 -156t156 -104.5t190.5 -39t190.5 39t156 104.5t104.5 156t39 190.5t-39 190.5t-104.5 156t-156 104.5t-190.5 39zM512 -54q-89 0 -170 34.5
  87 +t-140 93.5t-93.5 140t-34.5 170t34.5 170t93.5 140t140 93.5t170 34.5t170 -34.5t140 -93.5t93.5 -140t34.5 -170t-34.5 -170t-93.5 -140t-140 -93.5t-170 -34.5z" />
83 <glyph glyph-name="uniE617" unicode="&#xe617;" 88 <glyph glyph-name="uniE617" unicode="&#xe617;"
84 d="M24 94l22 -22q9 -10 22 -10t23 10l424 430l420 -426q9 -9 21.5 -9t21.5 9l22 22q9 9 9 22t-9 23l-458 464q-5 5 -12 7q-9 7 -20.5 6t-20.5 -9l-465 -472q-9 -9 -9 -22t9 -23z" /> 89 d="M24 94l22 -22q9 -10 22 -10t23 10l424 430l420 -426q9 -9 21.5 -9t21.5 9l22 22q9 9 9 22t-9 23l-458 464q-5 5 -12 7q-9 7 -20.5 6t-20.5 -9l-465 -472q-9 -9 -9 -22t9 -23z" />
85 </font> 90 </font>
No preview for this file type
No preview for this file type
@@ -24,8 +24,18 @@ const cate = { @@ -24,8 +24,18 @@ const cate = {
24 lifestyle: '6f7b590ed3844e680d4052fc5c4d98ad' 24 lifestyle: '6f7b590ed3844e680d4052fc5c4d98ad'
25 }; 25 };
26 26
  27 +/* 资讯列表资源位 */
  28 +const news = {
  29 + new: 'd4fdfcad1ec877d466d9780efaf4d296',
  30 + sports: 'e1f8dce8cb9de1a0977479c13c4d3dcc',
  31 + life: '5c0b9963d8b75e6fd788a2b49402be14',
  32 + sneakers: 'c4a62196c30cae5301e419aa3f77747b',
  33 + fashion: '70bc6b9d5c96bb7698eab85c7cd5ebbe'
  34 +};
  35 +
27 module.exports = { 36 module.exports = {
28 channel, 37 channel,
29 brand, 38 brand,
30 - cate 39 + cate,
  40 + news
31 }; 41 };
@@ -92,3 +92,11 @@ @@ -92,3 +92,11 @@
92 .icon-importedlayers:before { 92 .icon-importedlayers:before {
93 content: "\e610"; 93 content: "\e610";
94 } 94 }
  95 +
  96 +.icon-sharenews:before {
  97 + content: "\e611";
  98 +}
  99 +
  100 +.icon-timeshare:before {
  101 + content: "\e612";
  102 +}
@@ -4,35 +4,37 @@ @@ -4,35 +4,37 @@
4 <span class="tag">{{news.tag}}</span> 4 <span class="tag">{{news.tag}}</span>
5 <div class="img"> 5 <div class="img">
6 <a href="{{news.href}}"> 6 <a href="{{news.href}}">
7 - <img v-bind:src="news.src" alt="" /> 7 + <img v-lazy="news.src | resize 750 470" alt="" />
8 </a> 8 </a>
9 </div> 9 </div>
10 <div class="title"><a href="{{news.href}}">{{news.title}}</a></div> 10 <div class="title"><a href="{{news.href}}">{{news.title}}</a></div>
11 <div class="news-des"> 11 <div class="news-des">
12 {{news.des}} 12 {{news.des}}
13 </div> 13 </div>
14 - <div class="bottom">  
15 - <span class="icon time-icon"></span> 14 + <hr>
  15 + <div class="bottom clearfix">
  16 + <span class="icon time-icon">&#xe612;</span>
16 <span class="time">{{news.time}}</span> 17 <span class="time">{{news.time}}</span>
17 - <span class="icon share"></span> 18 + <span class="icon share">&#xe611;</span>
18 </div> 19 </div>
19 </div> 20 </div>
20 </template> 21 </template>
21 <style> 22 <style>
22 .news-box { 23 .news-box {
23 - position: absolute; 24 + background: #f6f6f6;
24 25
25 .tag { 26 .tag {
26 position: relative; 27 position: relative;
27 - top: 35px; 28 + top: 42px;
28 left: 0; 29 left: 0;
29 - padding: 5px; 30 + padding: 12px 24px;
30 background: #000; 31 background: #000;
31 color: #fff; 32 color: #fff;
32 } 33 }
  34 +
33 .img { 35 .img {
34 width: 100%; 36 width: 100%;
35 - height: auto; 37 + height: 470px;
36 overflow: hidden; 38 overflow: hidden;
37 39
38 img { 40 img {
@@ -41,19 +43,31 @@ @@ -41,19 +43,31 @@
41 } 43 }
42 44
43 .title { 45 .title {
  46 + background: #fff;
44 font-size: 32px; 47 font-size: 32px;
45 font-weight: 700; 48 font-weight: 700;
46 padding: 10px 20px; 49 padding: 10px 20px;
47 } 50 }
48 51
49 .news-des { 52 .news-des {
  53 + background: #fff;
50 padding: 10px 20px; 54 padding: 10px 20px;
51 color: #939393; 55 color: #939393;
52 } 56 }
53 57
  58 + hr {
  59 + margin: 0 20px;
  60 + border: #eee 1px solid;
  61 + }
  62 +
54 .bottom { 63 .bottom {
55 padding: 10px 20px; 64 padding: 10px 20px;
  65 + background: #fff;
56 color: #939393; 66 color: #939393;
  67 +
  68 + .share {
  69 + float: right;
  70 + }
57 } 71 }
58 } 72 }
59 </style> 73 </style>
@@ -76,6 +90,14 @@ @@ -76,6 +90,14 @@
76 time: '04.19 18.05', 90 time: '04.19 18.05',
77 tag: '运动', 91 tag: '运动',
78 src: 'http://7xwj52.com1.z0.glb.clouddn.com/brandbg.jpg', 92 src: 'http://7xwj52.com1.z0.glb.clouddn.com/brandbg.jpg',
  93 + },
  94 + {
  95 + href: '//m.yoholbk.com',
  96 + title: '这是一个标题',
  97 + des: '这是一个副标题',
  98 + time: '04.19 18.05',
  99 + tag: '运动',
  100 + src: 'http://7xwj52.com1.z0.glb.clouddn.com/brandbg.jpg',
79 } 101 }
80 ] 102 ]
81 }; 103 };