绚火健康

pages/pay/index.js

@@ -0,0 +1,28 @@
+/*
+ * 手太欠
+ * 愿这世界都如故事里一样 美好而动人~
+*/
+
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+        const params = JSON.parse(decodeURIComponent(options.params));
+        console.log(params)
+    },
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+})

pages/pay/index.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "收银台"
+}

pages/pay/index.wxml

@@ -0,0 +1,23 @@
+<view class="payTop">
+    <view class="payTop-time">支付有效期为10分钟，请尽快支付</view>
+    <view class="payTop-price"><text>￥</text>199.00</view>
+    <view class="payTop-text">微信支付</view>
+</view>
+
+<view class="payWay">
+    <view class="payWay-item">
+        <image class="payWay-img" src="https://cdn.shuiganying.com/images/2023/04/04/70400072de51a3157d9ead602eb3a294.png"></image>
+        <view class="payWay-name">微信支付</view>
+        <image class="payWay-icon" src="https://cdn.shuiganying.com/images/2023/04/04/2d9eed259c7a73b4d2aa4d496dbfa8a4.png"></image>
+    </view>
+</view>
+
+<view class="footer">
+    <view bindtap="payBtn" class="btn" wx:if="{{disabled}}">确认支付</view>
+    <view class="btn active" wx:else>确认支付</view>
+</view>
+
+<view class="pack-center pages-hint grey" wx:if="{{paySuccess}}">
+    <image src="/static/icons/loadingGif.gif"></image>
+    <view>疯狂加载中...</view>
+</view>

pages/pay/index.wxss

@@ -0,0 +1,86 @@
+page {
+    background-color: #f4f4f6;
+}
+
+.payTop {
+    text-align: center;
+    padding: 140rpx 0;
+}
+
+.payTop-price {
+    font-weight: 600;
+    font-size: 78rpx;
+    line-height: 70rpx;
+    padding: 20rpx 0 0;
+}
+
+.payTop-price text {
+    font-size: 36rpx;
+}
+
+.payTop-time,
+.payTop-text {
+    font-size: 28rpx;
+    color: #666666;
+}
+
+.payWay {
+    padding: 0 30rpx;
+    box-sizing: border-box;
+}
+
+.payWay-item {
+    background-color: #ffffff;
+    border-radius: 15rpx;
+    padding: 25rpx 30rpx;
+    box-sizing: border-box;
+    display: flex;
+    line-height: 74rpx;
+    font-size: 34rpx;
+    position: relative;
+}
+
+.payWay-img {
+    width: 74rpx;
+    height: 74rpx;
+    margin-right: 20rpx;
+}
+
+.payWay-icon {
+    width: 42rpx;
+    height: 42rpx;
+    position: absolute;
+    right: 30rpx;
+    top: 40rpx;
+}
+
+
+/* 按钮 */
+.footer {
+    width: 100%;
+    height: 100px;
+    background-color: #f4f4f6;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    z-index: 9;
+    padding: 20px 20px 50rpx;
+    box-sizing: border-box;
+}
+
+.btn {
+    line-height: 54px;
+    background-color: #da2b54;
+    height: 100%;
+    text-align: center;
+    color: #FFFFFF;
+    border-radius: 10rpx;
+}
+.btn.active {
+    background-color: #cacaca;
+}
+
+.grey {
+    background-color: #f9f9f9;
+    z-index: 99999;
+}