w-front-end / Worship_and_learn_upward · Commits

Commit a11bf9fbea06b0c86a97166a9b3def7617689172

Authored by zhiyangdu
1 parent 61ad23ec

图片背景设置用七牛云上的图片

Inline Side-by-side
Showing 1 changed file with 20 additions and 20 deletions
src/pages/index/index.less
  View file @a11bf9f
@@ -9,26 +9,26 @@ @@ -9,26 +9,26 @@
9 .first_item{ 9 .first_item{
10 width: 100%; 10 width: 100%;
11 height: 836px; 11 height: 836px;
12 - background: #bd3325 url("../../../static/img/index/1.jpg") no-repeat center top; 12 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568d27077.jpg") no-repeat center top;
13 background-size: 100%; 13 background-size: 100%;
14 } 14 }
15 .item{ 15 .item{
16 width: 100%; 16 width: 100%;
17 height: 730px; 17 height: 730px;
18 - background: #bd3325 url("../../../static/img/index/2.jpg") no-repeat center top; 18 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568cc3ba0.jpg") no-repeat center top;
19 background-size: 100%; 19 background-size: 100%;
20 overflow: hidden; 20 overflow: hidden;
21 div:nth-child(1){ 21 div:nth-child(1){
22 width: 670px; 22 width: 670px;
23 height: 270px; 23 height: 270px;
24 - background: #bd3325 url("../../../static/img/index/item_01.jpg") no-repeat center top; 24 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09569005f14.jpg") no-repeat center top;
25 background-size: 100%; 25 background-size: 100%;
26 margin:123px 35px 0 35px; 26 margin:123px 35px 0 35px;
27 } 27 }
28 div:nth-child(2){ 28 div:nth-child(2){
29 width: 670px; 29 width: 670px;
30 height: 270px; 30 height: 270px;
31 - background: #bd3325 url("../../../static/img/index/item_02.jpg") no-repeat center top; 31 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09569023de1.jpg") no-repeat center top;
32 background-size: 100%; 32 background-size: 100%;
33 margin:22px 35px 0 35px; 33 margin:22px 35px 0 35px;
34 } 34 }
@@ -36,98 +36,98 @@ @@ -36,98 +36,98 @@
36 div:nth-child(3){ 36 div:nth-child(3){
37 width: 100%; 37 width: 100%;
38 height: 806px; 38 height: 806px;
39 - background: #bd3325 url("../../../static/img/index/3.jpg") no-repeat center top; 39 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568c9e73d.jpg") no-repeat center top;
40 background-size: 100%; 40 background-size: 100%;
41 } 41 }
42 div:nth-child(4){ 42 div:nth-child(4){
43 width: 100%; 43 width: 100%;
44 height: 856px; 44 height: 856px;
45 - background: #bd3325 url("../../../static/img/index/4.jpg") no-repeat center top; 45 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568d33312.jpg") no-repeat center top;
46 background-size: 100%; 46 background-size: 100%;
47 } 47 }
48 div:nth-child(5){ 48 div:nth-child(5){
49 width: 100%; 49 width: 100%;
50 height: 668px; 50 height: 668px;
51 - background: #bd3325 url("../../../static/img/index/5.jpg") no-repeat center top; 51 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568ccd863.jpg") no-repeat center top;
52 background-size: 100%; 52 background-size: 100%;
53 } 53 }
54 div:nth-child(6){ 54 div:nth-child(6){
55 width: 100%; 55 width: 100%;
56 height: 800px; 56 height: 800px;
57 - background: #bd3325 url("../../../static/img/index/6.jpg") no-repeat center top; 57 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568d0a6e2.jpg") no-repeat center top;
58 background-size: 100%; 58 background-size: 100%;
59 } 59 }
60 div:nth-child(7){ 60 div:nth-child(7){
61 width: 100%; 61 width: 100%;
62 height: 700px; 62 height: 700px;
63 - background: #bd3325 url("../../../static/img/index/7.jpg") no-repeat center top; 63 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568d84a69.jpg") no-repeat center top;
64 background-size: 100%; 64 background-size: 100%;
65 } 65 }
66 div:nth-child(8){ 66 div:nth-child(8){
67 width: 100%; 67 width: 100%;
68 height: 800px; 68 height: 800px;
69 - background: #bd3325 url("../../../static/img/index/8.jpg") no-repeat center top; 69 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568d94ae0.jpg") no-repeat center top;
70 background-size: 100%; 70 background-size: 100%;
71 } 71 }
72 div:nth-child(9){ 72 div:nth-child(9){
73 width: 100%; 73 width: 100%;
74 height: 674px; 74 height: 674px;
75 - background: #bd3325 url("../../../static/img/index/9.jpg") no-repeat center top; 75 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568db09da.jpg") no-repeat center top;
76 background-size: 100%; 76 background-size: 100%;
77 } 77 }
78 div:nth-child(10){ 78 div:nth-child(10){
79 width: 100%; 79 width: 100%;
80 height: 724px; 80 height: 724px;
81 - background: #bd3325 url("../../../static/img/index/10.jpg") no-repeat center top; 81 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568e1552e.jpg") no-repeat center top;
82 background-size: 100%; 82 background-size: 100%;
83 } 83 }
84 div:nth-child(11){ 84 div:nth-child(11){
85 width: 100%; 85 width: 100%;
86 height: 504px; 86 height: 504px;
87 - background: #bd3325 url("../../../static/img/index/11.jpg") no-repeat center top; 87 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568e89cc3.jpg") no-repeat center top;
88 background-size: 100%; 88 background-size: 100%;
89 } 89 }
90 div:nth-child(12){ 90 div:nth-child(12){
91 width: 100%; 91 width: 100%;
92 height: 806px; 92 height: 806px;
93 - background: #bd3325 url("../../../static/img/index/12.jpg") no-repeat center top; 93 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568e4de21.jpg") no-repeat center top;
94 background-size: 100%; 94 background-size: 100%;
95 } 95 }
96 //视频 96 //视频
97 div:nth-child(13){ 97 div:nth-child(13){
98 width: 100%; 98 width: 100%;
99 height: 310px; 99 height: 310px;
100 - background: #bd3325 url("../../../static/img/index/13.jpg") no-repeat center top; 100 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568e7d975.jpg") no-repeat center top;
101 background-size: 100%; 101 background-size: 100%;
102 } 102 }
103 div:nth-child(14){ 103 div:nth-child(14){
104 width: 100%; 104 width: 100%;
105 height: 760px; 105 height: 760px;
106 - background: #bd3325 url("../../../static/img/index/14.jpg") no-repeat center top; 106 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568eb453d.jpg") no-repeat center top;
107 background-size: 100%; 107 background-size: 100%;
108 } 108 }
109 div:nth-child(15){ 109 div:nth-child(15){
110 width: 100%; 110 width: 100%;
111 height: 526px; 111 height: 526px;
112 - background: #bd3325 url("../../../static/img/index/15.jpg") no-repeat center top; 112 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568f1f576.jpg") no-repeat center top;
113 background-size: 100%; 113 background-size: 100%;
114 } 114 }
115 div:nth-child(16){ 115 div:nth-child(16){
116 width: 100%; 116 width: 100%;
117 height: 390px; 117 height: 390px;
118 - background: #bd3325 url("../../../static/img/index/16.jpg") no-repeat center top; 118 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568f42359.jpg") no-repeat center top;
119 background-size: 100%; 119 background-size: 100%;
120 } 120 }
121 div:nth-child(17){ 121 div:nth-child(17){
122 width: 100%; 122 width: 100%;
123 height: 520px; 123 height: 520px;
124 - background: #bd3325 url("../../../static/img/index/17.jpg") no-repeat center top; 124 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568f6ca8f.jpg") no-repeat center top;
125 background-size: 100%; 125 background-size: 100%;
126 } 126 }
127 div:nth-child(18){ 127 div:nth-child(18){
128 width: 100%; 128 width: 100%;
129 height: 520px; 129 height: 520px;
130 - background: #bd3325 url("../../../static/img/index/18.jpg") no-repeat center top; 130 + background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568f87930.jpg") no-repeat center top;
131 background-size: 100%; 131 background-size: 100%;
132 } 132 }
133 .video_box{ 133 .video_box{