add: 支付页面

src/subPackage/page/pages/paymentStatus/paymentStatus.wxml

@@ -2,11 +2,27 @@
 
 <!--subPackage/page/pages/paymentStatus/paymentStatus.wxml-->
 <view class="payment">
-  <view class="">
-    <view class="">支付成功</view>
-    <view class="">￥ 306.90</view>
-    <view class="">交易时间： 2019-03-24 至 2019-06-23</view>
+  <view class="payment-status">
+    <image class="status-img" src="./../../../../assets/imgs/7_1_0/notice.png"  mode="widthFix" lazy-load="false" binderror="" bindload="" />
+    <view class="status-success">支付成功</view>
+    <view class="status-price">￥ 306.90</view>
+    <view class="status-time">交易时间： 2019-03-24 至 2019-06-23</view>
+    <view class="status-btn weui-flex">
+      <view class="btn-detail">查看详情</view>
+      <view class="btn-go-on">继续逛逛</view>
+    </view>
+  </view>
+  <view class="status-look df">
+     <view class="look-store">关注店铺公众号（自定义页面）</view>
+     <view class="look-btn">关注</view>
+  </view>
+  <view class="status-vip df">
+    <view class="vip-tips">
+      <view class="tips-desc">
+        <image class="tips-img" src="./../../../../assets/imgs/7_1_0/notice.png"  mode="widthFix" lazy-load="false" binderror="" bindload="" />
+        现在勾选成为vip，立领200元礼包，文案文案 </view>
+        <view class="tips-notice">vip 可尊享n大权益</view>
+    </view>
+    <view class="vip-go-to">去开卡</view>
   </view>
-  <view class=""></view>
-  <view class=""></view>
 </view>
\ No newline at end of file

src/subPackage/page/pages/paymentStatus/paymentStatus.wxss

-
-
 /* subPackage/page/pages/paymentStatus/paymentStatus.wxss */
-@import './../../../../base/base.wxss';
+@import './../../../../base/base.wxss';
\ No newline at end of file
+.payment-status {
+	text-align: center;
+	height: 669rpx;
+}
+.status-img {
+	margin: 73rpx 0 21rpx 0;
+	width: 100rpx;
+	height: 100rpx;
+}
+.status-success {
+	height: 50rpx;
+	color: rgba(192, 154, 116, 1);
+	font-size: 36rpx;
+	font-family: PingFangSC-Medium;
+}
+.status-price {
+	height: 112rpx;
+	color: rgba(51, 51, 51, 1);
+	font-size: 40rpx;
+	margin: 43rpx 0 59rpx 0;
+}
+.status-btn {
+	justify-content: center;
+	margin: 40rpx 0 101rpx 0;
+}
+.status-time {
+	height: 28rpx;
+	color: rgba(170, 170, 170, 1);
+	font-size: 20rpx;
+	font-family: PingFangSC-Regular;
+}
+.btn-detail {
+	margin-right: 33rpx;
+}
+.btn-detail,
+.btn-go-on {
+	width: 213rpx;
+	height: 70rpx;
+	line-height: 70rpx;
+	border-radius: 35rpx;
+	border: 1px solid rgba(128, 128, 128, 1);
+	color: rgba(120, 120, 120, 1);
+	font-size: 32rpx;
+}
+.status-look {
+	margin: 0 auto;
+	width: 710rpx;
+	height: 122rpx;
+	border-radius: 5rpx;
+	background-color: rgba(204, 204, 204, 1);
+}
+.look-store {
+	width: 392rpx;
+	height: 40rpx;
+	color: rgba(102, 102, 96, 1);
+	font-size: 28rpx;
+}
+.look-btn {
+	width: 100rpx;
+	height: 50rpx;
+	border-radius: 35rpx;
+	background-color: rgba(255, 255, 255, 1);
+	color: rgba(120, 120, 120, 1);
+  font-size: 24rpx;
+  text-align: center;
+  margin-left: 130rpx;
+	line-height: 50rpx;
+}
+.status-vip {
+	margin: 0 auto;
+	margin-top: 20rpx;
+	width: 710rpx;
+	height: 103rpx;
+	border-radius: 5rpx;
+	background-color: rgba(192, 154, 116, 0.2);
+}
+.tips-img {
+	width: 23rpx;
+	height: 11rpx;
+}
+.tips-desc {
+	width: 471rpx;
+	height: 32rpx;
+	color: rgba(51, 51, 51, 1);
+	font-size: 23rpx;
+	margin-bottom: 10rpx;
+}
+.tips-notice {
+	width: 193rpx;
+	height: 28rpx;
+	color: rgba(192, 154, 116, 1);
+	font-size: 20rpx;
+}
+.vip-go-to {
+	width: 107rpx;
+	height: 38rpx;
+	text-align: center;
+	line-height: 38rpx;
+	border-radius: 21rpx;
+	background-color: rgba(192, 154, 116, 1);
+	box-shadow: 0px 2rpx 7rpx 0px rgba(192, 154, 116, 0.27);
+	color: rgba(255, 255, 255, 1);
+	font-size: 18rpx;
+	margin-left: 50rpx;
+}