init version kelfy-mini for new gitea

pages/chat/chat.js

@@ -0,0 +1,74 @@
+// pages/chat/chat.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+  pay(){
+    wx.navigateTo({
+      url: '/pages/chatDetail/chatDetail',
+    })
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    wx.setNavigationBarTitle({
+      title: '待支付订单'
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/chat/chat.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarBackgroundColor": "#f9f9fa"
+}

pages/chat/chat.wxml

@@ -0,0 +1,24 @@
+<!--pages/chat/chat.wxml-->
+<view class="chat">
+ <view class="list">
+  <view class='center'>
+    <view>未知标题</view>
+    <view>未知标题.医保支付</view>
+    <view class="money">￥1.31</view>
+    <view class="btn" bindtap='pay'>立即支付</view>
+  </view>
+  <view class="flex">
+    <text>总金额</text>
+    <text>1.77</text>
+  </view>
+  <view class="flex">
+    <text>医保支付</text>
+    <text>-1.77</text>
+  </view>
+  <view class="second">
+    <text>合计待支付</text>
+    <text>100</text>
+  </view>
+ </view>
+</view>
+ 

pages/chat/chat.wxss

@@ -0,0 +1,54 @@
+/* pages/chat/chat.wxss */
+.chat{
+  width: 100%;
+  height: 100vh;
+  background-color: #faf9fa;
+}
+.list{
+  margin:20rpx 30rpx 0;
+  height: 710rpx;
+  background-color: #fff;
+  font-size: 28rpx;
+  padding:60rpx 40rpx 0;
+  box-sizing: border-box;
+  color:#000;
+  border-radius: 8rpx;
+}
+.center{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 60rpx;
+}
+.money{
+  margin-top: 60rpx;
+  font-size: 48rpx !important;
+  font-weight: 600;
+}
+.btn{
+  width: 280rpx;
+  height: 70rpx;
+  background-color: #7bc27e;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8rpx;
+  color:#fff;
+  margin-top: 30rpx;
+}
+.flex{
+  display: flex;
+  justify-content: space-between;
+  height: 80rpx;
+  align-items: center;
+  color:#000;
+}
+.second{
+  margin-top: 30rpx;
+  border-top:1px solid #eee;
+  height: 110rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}