Commit 8088f1f0b777390f3155bd3dad07a1172bfd2b49

Authored by liuqimichale
1 parent cca792f0

解决方案

webintroduce/src/assets/images/solution/operate.png

27 KB | W: | H:

67 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
webintroduce/src/assets/images/solution/summary-list02.png

17.2 KB | W: | H:

19.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
webintroduce/src/assets/images/solution/worth-list01.png

10.6 KB | W: | H:

6.43 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
webintroduce/src/assets/images/solution/worth-list02.png

11.6 KB | W: | H:

7.77 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
webintroduce/src/assets/images/solution/worth-list03.png

14.1 KB | W: | H:

11.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
webintroduce/src/components/Vsection.vue
@@ -41,6 +41,7 @@ export default { @@ -41,6 +41,7 @@ export default {
41 .detail-section-bg{ 41 .detail-section-bg{
42 background-repeat: no-repeat; 42 background-repeat: no-repeat;
43 background-position: center center; 43 background-position: center center;
  44 + background-size: 100% ;
44 } 45 }
45 .detail-section-list{ 46 .detail-section-list{
46 text-align: left; 47 text-align: left;
webintroduce/src/views/solution.vue
@@ -201,6 +201,7 @@ export default { @@ -201,6 +201,7 @@ export default {
201 } 201 }
202 .worth-list{ 202 .worth-list{
203 width: 1200px; 203 width: 1200px;
  204 + padding: 10px ;
204 margin: 0 auto 30px; 205 margin: 0 auto 30px;
205 overflow: hidden; 206 overflow: hidden;
206 background: #fff; 207 background: #fff;
@@ -209,7 +210,7 @@ export default { @@ -209,7 +210,7 @@ export default {
209 height:409px; 210 height:409px;
210 float: left; 211 float: left;
211 background:rgba(255,255,255,1); 212 background:rgba(255,255,255,1);
212 - box-shadow:0px 7px 54px 0px rgba(157,165,167,0.7); 213 + box-shadow:0px 0px 4px 4px rgba(157,165,167,0.2);
213 border-radius:8px; 214 border-radius:8px;
214 215
215 &:nth-of-type(1){ 216 &:nth-of-type(1){
@@ -223,7 +224,7 @@ export default { @@ -223,7 +224,7 @@ export default {
223 } 224 }
224 } 225 }
225 &:nth-of-type(2){ 226 &:nth-of-type(2){
226 - margin: 0 40px; 227 + margin: 0 30px;
227 background: url("../assets/images/solution/worth-list02.png") no-repeat; 228 background: url("../assets/images/solution/worth-list02.png") no-repeat;
228 background-size: 100% 100%; 229 background-size: 100% 100%;
229 div{ 230 div{