fe / yohobuywap-node · Commits

Go to a project

Authored by zhangxiaoru
Commit 9c0571a38210edcee290f07acd3779c71820e02a 1 parent 1270e0aa

按钮定位问题

Inline Side-by-side
Showing 3 changed files with 6 additions and 5 deletions
1 <div class="ali-cloud-page yoho-page"> 1 <div class="ali-cloud-page yoho-page">
2 {{# cloudBo}} 2 {{# cloudBo}}
3 - <img class="back-img" src="{{image backImg 750 1330}}"></img> 3 + <img class="back-img" src="{{image backImg 375 665}}"></img>
4 <a class="receive-bottom-btn btn" href="{{btnHref}}"> 4 <a class="receive-bottom-btn btn" href="{{btnHref}}">
5 5
6 <img src="{{image btnImg 240 85}}"></img> 6 <img src="{{image btnImg 240 85}}"></img>
1 <div class="ali-cloud-page yoho-page"> 1 <div class="ali-cloud-page yoho-page">
2 {{# cloudRi}} 2 {{# cloudRi}}
3 - <img class="back-img" src="{{image backImg 750 1330}}"></img> 3 + <img class="back-img" src="{{image backImg 375 665}}"></img>
4 <a class="receive-right-btn btn" href="{{btnHref}}"> 4 <a class="receive-right-btn btn" href="{{btnHref}}">
5 5
6 <img src="{{image btnImg 240 85}}"></img> 6 <img src="{{image btnImg 240 85}}"></img>
1 .ali-cloud-page { 1 .ali-cloud-page {
2 overflow: hidden; 2 overflow: hidden;
  3 + position: relative;
3 4
4 .back-img { 5 .back-img {
5 width: 100%; 6 width: 100%;
@@ -7,7 +8,7 @@ @@ -7,7 +8,7 @@
7 } 8 }
8 9
9 .btn { 10 .btn {
10 - position: relative; 11 + position: absolute;
11 display: block; 12 display: block;
12 width: 240px; 13 width: 240px;
13 height: 80px; 14 height: 80px;
@@ -19,12 +20,12 @@ @@ -19,12 +20,12 @@
19 } 20 }
20 21
21 .receive-bottom-btn { 22 .receive-bottom-btn {
22 - bottom: 225px; 23 + bottom: 147px;
23 left: 254px; 24 left: 254px;
24 } 25 }
25 26
26 .receive-right-btn { 27 .receive-right-btn {
27 left: 460px; 28 left: 460px;
28 - bottom: 245px; 29 + bottom: 167px;
29 } 30 }
30 } 31 }