Authored by 李奇

样式优化

@@ -57,21 +57,11 @@ @@ -57,21 +57,11 @@
57 height: 28rpx; 57 height: 28rpx;
58 justify-content: center; 58 justify-content: center;
59 display: flex; 59 display: flex;
60 - border-bottom-style:solid;  
61 - border-bottom-width: 1rpx;  
62 - border-bottom-color: black;  
63 - border-top-style:solid;  
64 - border-top-width: 1rpx;  
65 - border-top-color: black;  
66 - border-right-style:solid;  
67 - border-right-width: 1rpx;  
68 - border-right-color: black;  
69 - border-left-style:solid;  
70 - border-left-width: 1rpx;  
71 - border-left-color: black; 60 + border: 1rpx solid #000;
72 border-radius: 6rpx; 61 border-radius: 6rpx;
73 margin-left: 30rpx; 62 margin-left: 30rpx;
74 margin-top: 2px; 63 margin-top: 2px;
  64 + line-height: 28rpx;
75 } 65 }
76 .header .leftView .textTelView .textTelButton .buttontext{ 66 .header .leftView .textTelView .textTelButton .buttontext{
77 font-size: 21rpx; 67 font-size: 21rpx;
@@ -13,7 +13,7 @@ let timer; @@ -13,7 +13,7 @@ let timer;
13 13
14 Page({ 14 Page({
15 data: { 15 data: {
16 - windowHeight: windowHeight + 48, 16 + windowHeight,
17 orderType: 1, 17 orderType: 1,
18 ordersList: [], 18 ordersList: [],
19 reason: [], 19 reason: [],
@@ -26,7 +26,7 @@ @@ -26,7 +26,7 @@
26 <image src="../../../static/images/empty@2x.png" style="width:220rpx;height:220rpx"></image> 26 <image src="../../../static/images/empty@2x.png" style="width:220rpx;height:220rpx"></image>
27 <br /> 27 <br />
28 <view style="font-size:30rpx;text-align:center;margin-top:20rpx">您还没有任何订单,赶快去逛逛吧</view> 28 <view style="font-size:30rpx;text-align:center;margin-top:20rpx">您还没有任何订单,赶快去逛逛吧</view>
29 - <button bindtap="goShopping" class="loginBtn">去逛逛</button> 29 + <button bindtap="goShopping" class="shopping-btn">去逛逛</button>
30 </view> 30 </view>
31 </view> 31 </view>
32 <copyright class="copyright"></copyright> 32 <copyright class="copyright"></copyright>
@@ -140,10 +140,11 @@ a { @@ -140,10 +140,11 @@ a {
140 text-decoration: none; 140 text-decoration: none;
141 } 141 }
142 142
143 -.loginBtn { 143 +.shopping-btn {
144 width: 65%; 144 width: 65%;
145 height: 90rpx; 145 height: 90rpx;
146 font-size: 30rpx; 146 font-size: 30rpx;
  147 + line-height: 90rpx;
147 text-align: center; 148 text-align: center;
148 margin-top: 150rpx; 149 margin-top: 150rpx;
149 background-color: #444444; 150 background-color: #444444;
@@ -165,10 +165,9 @@ image { @@ -165,10 +165,9 @@ image {
165 .order .order-opt { 165 .order .order-opt {
166 position: relative; 166 position: relative;
167 height: 100rpx; 167 height: 100rpx;
168 - padding-right: 27rpx; 168 + padding-right: 30rpx;
169 border-top: 1rpx solid #e0e0e0; 169 border-top: 1rpx solid #e0e0e0;
170 text-align: right; 170 text-align: right;
171 - margin-right: 20rpx;  
172 display: flex; 171 display: flex;
173 flex-direction:row; 172 flex-direction:row;
174 justify-content:flex-end; 173 justify-content:flex-end;
@@ -19,7 +19,7 @@ Page({ @@ -19,7 +19,7 @@ Page({
19 urlParams: {}, 19 urlParams: {},
20 showBackTop: false, 20 showBackTop: false,
21 noResult: false, 21 noResult: false,
22 - windowHeight: windowHeight + 48, 22 + windowHeight
23 }, 23 },
24 onLoad:function (options) { 24 onLoad:function (options) {
25 let title = decodeURIComponent(options.title) || '默认标题'; 25 let title = decodeURIComponent(options.title) || '默认标题';
@@ -18,7 +18,8 @@ Page({ @@ -18,7 +18,8 @@ Page({
18 noResult: false, 18 noResult: false,
19 showLoading: false, 19 showLoading: false,
20 showNoMore: false, 20 showNoMore: false,
21 - showBackTop: false 21 + showBackTop: false,
  22 + windowHeight: windowHeight
22 }, 23 },
23 onReachBottom: function () { 24 onReachBottom: function () {
24 if (this.data.currentPage < this.data.totalPage) { 25 if (this.data.currentPage < this.data.totalPage) {
1 -<view class="search-container"> 1 +<view class="search-container" style="min-height:{{windowHeight}}px;">
2 <view class="top-search"> 2 <view class="top-search">
3 <input class="search-input" value="{{query}}" confirm-type="search" placeholder="潮流单品搜一下" 3 <input class="search-input" value="{{query}}" confirm-type="search" placeholder="潮流单品搜一下"
4 bindconfirm="confirmQuery" bindinput="bindQueryInput" 4 bindconfirm="confirmQuery" bindinput="bindQueryInput"
@@ -20,5 +20,6 @@ @@ -20,5 +20,6 @@
20 </product-list> 20 </product-list>
21 </view> 21 </view>
22 </view> 22 </view>
  23 + <copyright class="copy-right"></copyright>
23 <quick-navigation show-back-top="{{showBackTop}}" bindbacktop="backTop"></quick-navigation> 24 <quick-navigation show-back-top="{{showBackTop}}" bindbacktop="backTop"></quick-navigation>
24 </view> 25 </view>
1 .search-container { 1 .search-container {
2 position: relative; 2 position: relative;
  3 + box-sizing: border-box;
  4 + padding-bottom: 180rpx;
  5 +}
  6 +
  7 +.copy-right {
  8 + position: absolute;
  9 + bottom: 0;
  10 + right: 0;
  11 + left: 0;
3 } 12 }
4 13
5 .top-search { 14 .top-search {