fe / yohobuywap-node · Commits

Go to a project

Authored by zzzzzzz
Commit 926e58a6964c10ab69b65a3a278419ca2a7a74f5 1 parent f93a37eb

修改小圆点样式,图标背景图

Inline Side-by-side
Showing 10 changed files with 38 additions and 1 deletions
1 -<div class="icons-wrapper"> 1 +{{#appIconList}}
  2 +<div class="icons-wrapper" background-image="url({{back_image}})">
2 <ul class="icons-list clearfix"> 3 <ul class="icons-list clearfix">
3 {{#data}} 4 {{#data}}
4 <li class="icons-item item-{{../number}}"><a href="{{url}}" class="imagebar"><img src="{{image src 98 98}}" alt=""></a><a href="{{url}}" class="linkbar">{{title}}</a></li> 5 <li class="icons-item item-{{../number}}"><a href="{{url}}" class="imagebar"><img src="{{image src 98 98}}" alt=""></a><a href="{{url}}" class="linkbar">{{title}}</a></li>
5 {{/data}} 6 {{/data}}
6 </ul> 7 </ul>
7 </div> 8 </div>
  9 +{{/appIconList}}
@@ -21,6 +21,10 @@ @@ -21,6 +21,10 @@
21 21
22 .pagination-inner { 22 .pagination-inner {
23 display: inline-block; 23 display: inline-block;
  24 + padding: 0 8px 4px;
  25 + background: rgba(0, 0, 0, 0.2);
  26 + border-radius: 50px;
  27 + line-height: 1.2;
24 28
25 span { 29 span {
26 display: inline-block; 30 display: inline-block;
@@ -11,6 +11,10 @@ @@ -11,6 +11,10 @@
11 11
12 .pagination-inner { 12 .pagination-inner {
13 display: inline-block; 13 display: inline-block;
  14 + padding: 0 8px 4px;
  15 + background: rgba(0, 0, 0, 0.2);
  16 + border-radius: 50px;
  17 + line-height: 1.2;
14 18
15 span { 19 span {
16 display: inline-block; 20 display: inline-block;
@@ -25,6 +25,10 @@ @@ -25,6 +25,10 @@
25 25
26 .pagination-inner { 26 .pagination-inner {
27 display: inline-block; 27 display: inline-block;
  28 + padding: 0 8px 4px;
  29 + background: rgba(0, 0, 0, 0.2);
  30 + border-radius: 50px;
  31 + line-height: 1.2;
28 32
29 span { 33 span {
30 display: inline-block; 34 display: inline-block;
@@ -26,6 +26,10 @@ @@ -26,6 +26,10 @@
26 26
27 .pagination-inner { 27 .pagination-inner {
28 display: inline-block; 28 display: inline-block;
  29 + padding: 0 8px 4px;
  30 + background: rgba(0, 0, 0, 0.2);
  31 + border-radius: 50px;
  32 + line-height: 1.2;
29 33
30 span { 34 span {
31 display: inline-block; 35 display: inline-block;
@@ -2,6 +2,7 @@ @@ -2,6 +2,7 @@
2 box-sizing: border-box; 2 box-sizing: border-box;
3 padding: 30px 0 16px; 3 padding: 30px 0 16px;
4 background: #fff; 4 background: #fff;
  5 + background-size: 100% 100%;
5 border-bottom: 1px solid #e0e0e0; 6 border-bottom: 1px solid #e0e0e0;
6 7
7 .icons-item { 8 .icons-item {
@@ -17,6 +17,10 @@ @@ -17,6 +17,10 @@
17 17
18 .pagination-inner { 18 .pagination-inner {
19 display: inline-block; 19 display: inline-block;
  20 + padding: 0 8px 4px;
  21 + background: rgba(0, 0, 0, 0.2);
  22 + border-radius: 50px;
  23 + line-height: 1.2;
20 } 24 }
21 25
22 span { 26 span {
@@ -113,6 +113,10 @@ @@ -113,6 +113,10 @@
113 113
114 .pagination-inner { 114 .pagination-inner {
115 display: inline-block; 115 display: inline-block;
  116 + padding: 0 8px 4px;
  117 + background: rgba(0, 0, 0, 0.2);
  118 + border-radius: 50px;
  119 + line-height: 1.2;
116 } 120 }
117 121
118 span { 122 span {
@@ -107,6 +107,10 @@ @@ -107,6 +107,10 @@
107 107
108 .pagination-inner { 108 .pagination-inner {
109 display: inline-block; 109 display: inline-block;
  110 + padding: 0 8px 4px;
  111 + background: rgba(0, 0, 0, 0.2);
  112 + border-radius: 50px;
  113 + line-height: 1.2;
110 } 114 }
111 115
112 span { 116 span {
@@ -82,6 +82,12 @@ module.exports = (list) => { @@ -82,6 +82,12 @@ module.exports = (list) => {
82 floor.data.background.src = a; 82 floor.data.background.src = a;
83 } 83 }
84 84
  85 + // 图标楼层背景图
  86 + if (floor.appIconList && floor.back_image) {
  87 + let a = floor.back_image;
  88 + a = a.substr(0, a.indexOf('?'));
  89 + floor.back_image = a;
  90 + }
85 formatData.push(floor); 91 formatData.push(floor);
86 }); 92 });
87 93