Browse Source

界面部分细节调整

xiaohuangmao 4 years ago
parent
commit
30ba7a35fb

+ 2 - 2
app.json

@@ -1,8 +1,8 @@
 {
 	"pages": [
-		"pages/postageDetail/postageDetail",
-		"pages/index/index",
 		"pages/postage/postage",
+		"pages/index/index",
+		"pages/postageDetail/postageDetail",
 		"pages/postageManage/postageManage",
 		"pages/myhome/myhome",
 		"pages/address/address",

+ 10 - 0
app.wxss

@@ -259,4 +259,14 @@ page {
 .align_center {
   display: flex;
   align-items: center;
+}
+
+.text-center{
+  text-align:center;
+}
+.pb-20{
+  padding-bottom: 20rpx;
+}
+.mb-20{
+  margin-bottom: 20rpx;
 }

+ 13 - 1
pages/phoneCharges/phoneCharges.wxml

@@ -27,7 +27,19 @@
       <view class="btn-rechargeNow" bindtap="handlerRecharge">
         <text>立即充值</text>
       </view>
-      <view class="rechargeNow-tips">充值后,即时到账</view>
+      <view class="rechargeNow-tips">
+        <view class="text-center">充值完成,立即到账</view>
+      </view>
+    </view>
+  </view>
+
+  <view class="rechargeGear">
+    <view class="rechargeGear-title">说明</view>
+    <view class="rechargeGear-footer">
+      <view class="rechargeNow-tips">
+        <view>1.充值后1-5分钟左右到账,运营商将发充值成功短信至充值手机</view>
+        <view>2.如需开发票请至相应的手机运营商官方APP开取电子发票</view>
+      </view>
     </view>
   </view>
 </view>

+ 2 - 1
pages/phoneCharges/phoneCharges.wxss

@@ -111,8 +111,9 @@
 }
 
 .rechargeNow-tips{
-  text-align: center;
+  text-align: left;
   font-size: 26rpx;
+  line-height: 1.8;
 }
 
 /* 充值挡位 */

+ 13 - 3
pages/postage/postage.wxml

@@ -23,7 +23,7 @@
   
   <!-- 充值挡位 -->
   <view class="rechargeGear" wx:if="{{goods.length}}">
-    <view class="rechargeGear-title">充值位</view>
+    <view class="rechargeGear-title">充值位</view>
     <view class="rechargeGear-content">
       <view class="rechargeGear-content__item {{rechargeGearActiveIndex == index ? 'active' : ''}}" wx:for="{{goods}}" wx:key="index" 
       bindtap="handlerClickRechargeGear" data-activeindex="{{index}}" data-currentvalue="{{item.goods_id}}">
@@ -36,9 +36,19 @@
         <text>立即充值</text>
       </view>
       <view class="rechargeNow-tips">
-        说明:1.充值后1-5分钟左右到账,中石油或者中石化公众号将发充值成功信息至加油卡捆绑微信;
-        2.充值到账后,需要去加油站进行圈存;本平台加油暂时不提供发票,请知悉。
+        <view class="text-center">充值完成,立即到账</view>
       </view>
     </view>
   </view>
+
+  <view class="rechargeGear">
+    <view class="rechargeGear-title">说明</view>
+    <view class="rechargeGear-footer">
+      <view class="rechargeNow-tips">
+        <view>1.充值后1-5分钟左右到账,中石油或者中石化公众号将发充值成功信息至加油卡捆绑微信;</view>
+        <view>2.充值到账后,需要去加油站进行圈存;本平台加油暂时不提供发票,请知悉。</view>
+      </view>
+    </view>
+  </view>
+
 </view>

+ 2 - 1
pages/postage/postage.wxss

@@ -111,8 +111,9 @@
 }
 
 .rechargeNow-tips{
-  text-align: center;
+  text-align: left;
   font-size: 26rpx;
+  line-height: 1.8;
 }
 
 /* 充值挡位 */

+ 1 - 1
pages/postageManage/postageManage.wxml

@@ -5,7 +5,7 @@
       <image wx:if="{{item.card_type === 'petrochina'}}" src="/image/postage/petrochina.png"></image>
       <image wx:if="{{item.card_type === 'sinopec'}}" src="/image/postage/sinopec.png"></image>
       <image wx:if="{{item.card_type === 'phone'}}" src="/image/postage/phone.png"></image>
-      <text>{{item.card_no}}</text>
+      <text class="address_line_cardno">{{item.card_no}}</text>
     </view>
     <!-- <view class="address_line mt8">
       <text class="col333 mr16">[{{item.car_desc}}]</text>

+ 4 - 0
pages/postageManage/postageManage.wxss

@@ -23,6 +23,10 @@
   margin-right: 15rpx;
 }
 
+.address_line_cardno{
+  font-size: 36rpx;
+}
+
 .add_address_btn {
   position: fixed;
   bottom: 0;