增加借阅记录界面

借阅记录分为借阅中和已完成

app.json

@@ -1,12 +1,19 @@
 
 {
   "pages": [
+    
+    "wode/wode",
+    "gerenxinxi/gerenxinxi",
     "shuji/shuji",
     "denglu/denglu",
     "shouye/shouye",
     "chazhao/chazhao",
     "jieyue/jieyue",
-    "wode/wode"
+    "jieyuejilu/yiwancheng/yiwancheng",
+    "jieyuejilu/jieyuezhong/jieyuezhong"
+    
+    
+    
   ],
   "window": {
     "backgroundTextStyle": "light",

jieyuejielu/yiwancheng/yiwancheng.js

@@ -0,0 +1,66 @@
+// jieyuejielu/yiwancheng/yiwancheng.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

jieyuejielu/yiwancheng/yiwancheng.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

jieyuejielu/yiwancheng/yiwancheng.wxml

@@ -0,0 +1,2 @@
+<!--jieyuejielu/yiwancheng/yiwancheng.wxml-->
+<text>jieyuejielu/yiwancheng/yiwancheng.wxml</text>

jieyuejielu/yiwancheng/yiwancheng.wxss

@@ -0,0 +1 @@
+/* jieyuejielu/yiwancheng/yiwancheng.wxss */

jieyuejilu/jieyuezhong/jieyuezhong.js

@@ -0,0 +1,70 @@
+
+
+// 获取全局应用程序实例对象
+const app = getApp();
+
+// 创建页面实例对象
+Page({
+  /**
+   * 页面名称
+   */
+  name: "index",
+  /**
+   * 页面的初始数据
+   */
+
+  data: {
+
+
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  yiwanchengsubmit: function (e) {
+    wx.navigateTo({
+      url: '../../jieyuejilu/yiwancheng/yiwancheng',
+  //以下为自定义点击事件
+
+       })
+  },
+})

jieyuejilu/jieyuezhong/jieyuezhong.json

@@ -0,0 +1,28 @@
+{
+  "component": true,
+  "usingComponents": {},
+    "pages": [
+      "jieyuezhong/jieyuezhong",
+      "yiwancheng/yiwancheng"
+    ],
+    "tabBar": {
+      "color": "#000000",
+      "selectedColor": "#fd9941",
+      "borderStyle": "black",
+      "backgroundColor": "#ffffff",
+      "list": [
+        {
+          "pagePath": "jieyuezhong/jieyuezhong",
+          "text": "借阅中",
+          "iconPath": "image/shouye.png",
+          "selectedIconPath": "image/shouye-hl.png"
+        },
+        {
+          "pagePath": "yiwancheng/yiwancheng",
+          "text": "已完成",
+          "iconPath": "image/chazhao.png",
+          "selectedIconPath": "image/chazhao-hl.png"
+        }
+      ]
+    }
+}

jieyuejilu/jieyuezhong/jieyuezhong.wxml

@@ -0,0 +1,6 @@
+<button class="wx-button_80jKCV" hover-class="button-hover" >
+    借阅中
+</button>
+<button class="wx-button_jdfM7E" bindtap="yiwanchengsubmit"  hover-class="button-hover" size="default" type="default">
+    已完成
+</button>

jieyuejilu/jieyuezhong/jieyuezhong.wxss

@@ -0,0 +1,68 @@
+/* 基础样式 */
+view,scroll-view,swiper,swiper-item,icon,text,progress,button,checkbox-group,checkbox,form,input,label,picker,radio-group,radio,slider,switch,action-sheet,action-sheet-item,action-sheet-cancel,modal,toast,loading,navigator,audio,image,video,map,canvas {
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+}
+page {
+        height: 100%;
+        font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
+}
+
+
+
+
+checkbox-group,
+radio-group{
+        display:block;
+}
+
+
+
+
+:before,
+:after ,
+::before,
+::after{
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+}
+.c-minheight {
+        min-height: 80px;
+}
+.c-full {
+        width: 100%;
+        height: 100%;
+}
+.c-block {
+        display: block;
+}
+.c-autosize {
+        width: auto;
+        height: auto;
+}
+.c-fullwidth {
+        width: 100%;
+}
+.c-fullheight {
+        height: 100%;
+}
+.c-initHide{
+        opacity:0 !important;
+}
+.c-ellipse{
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow:hidden;
+}
+/* 自定义样式 */
+
+
+
+
+.wx-button_80jKCV{color:  rgb(253, 153,65); margin-right:  187px; background-repeat: repeat-x;  }
+.wx-button_jdfM7E{transition: all; margin-left: 187px; transform:  rotate(0deg) scale(1) translate(0%, -100%); }
+

jieyuejilu/yiwancheng/yiwancheng.js

@@ -0,0 +1,68 @@
+// 获取全局应用程序实例对象
+const app = getApp();
+
+// 创建页面实例对象
+Page({
+  /**
+   * 页面名称
+   */
+  name: "index",
+  /**
+   * 页面的初始数据
+   */
+
+  data: {
+
+
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  jieyuezhongsubmit: function (e) {
+    wx.navigateTo({
+      url: '../../jieyuejilu/jieyuezhong/jieyuezhong',
+      //以下为自定义点击事件
+
+    })
+  },
+})

jieyuejilu/yiwancheng/yiwancheng.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

jieyuejilu/yiwancheng/yiwancheng.wxml

@@ -0,0 +1,6 @@
+<button class="wx-button_80jKCV"  bindtap="jieyuezhongsubmit" hover-class="button-hover" >
+    借阅中
+</button>
+<button class="wx-button_jdfM7E" hover-class="button-hover" >
+    已完成
+</button>

jieyuejilu/yiwancheng/yiwancheng.wxss

@@ -0,0 +1,68 @@
+/* 基础样式 */
+view,scroll-view,swiper,swiper-item,icon,text,progress,button,checkbox-group,checkbox,form,input,label,picker,radio-group,radio,slider,switch,action-sheet,action-sheet-item,action-sheet-cancel,modal,toast,loading,navigator,audio,image,video,map,canvas {
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+}
+page {
+        height: 100%;
+        font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
+}
+
+
+
+
+checkbox-group,
+radio-group{
+        display:block;
+}
+
+
+
+
+:before,
+:after ,
+::before,
+::after{
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+}
+.c-minheight {
+        min-height: 80px;
+}
+.c-full {
+        width: 100%;
+        height: 100%;
+}
+.c-block {
+        display: block;
+}
+.c-autosize {
+        width: auto;
+        height: auto;
+}
+.c-fullwidth {
+        width: 100%;
+}
+.c-fullheight {
+        height: 100%;
+}
+.c-initHide{
+        opacity:0 !important;
+}
+.c-ellipse{
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow:hidden;
+}
+/* 自定义样式 */
+
+
+
+
+.wx-button_80jKCV{color:  rgb(0, 0,0); margin-right:  187px; background-repeat: repeat-x;  }
+.wx-button_jdfM7E{color:  rgb(253, 153,65);transition: all; margin-left: 187px; transform:  rotate(0deg) scale(1) translate(0%, -100%); }
+

project.config.json

@@ -13,7 +13,7 @@
 	"compileType": "miniprogram",
 	"libVersion": "2.4.0",
 	"appid": "wxb280d1925541c356",
-	"projectname": "%E7%9C%9F%E9%A6%991",
+	"projectname": "%E7%9C%9F%E9%A6%9913",
 	"debugOptions": {
 		"hidedInDevtools": []
 	},

wode/wode.js

@@ -67,5 +67,10 @@ Page({
      wx.navigateTo({
        url: '../gerenxinxi/gerenxinxi',
      })
-   }
+   },
+    jieyuezhongsubmit: function (e) {
+    wx.navigateTo({
+      url: '../jieyuejilu/jieyuezhong/jieyuezhong',
+    })
+  }
 })

wode/wode.wxml

@@ -11,8 +11,8 @@
 
 </view>
 
-<button class='button1'><view>个人信息</view></button>
+<button class='button1'bindtap="gerenxinxisubmit"><view>个人信息</view></button>
-<button class='button2'><view>借阅记录</view></button>
+<button class='button2'bindtap="jieyuezhongsubmit"><view>借阅记录</view></button>
 <button class='button3'bindtap="denglusubmit"><view>退出登录</view></button>
 
 

yiwancheng/yiwancheng.js

@@ -0,0 +1,66 @@
+// yiwancheng/yiwancheng.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

yiwancheng/yiwancheng.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

yiwancheng/yiwancheng.wxml

@@ -0,0 +1,2 @@
+<!--yiwancheng/yiwancheng.wxml-->
+<text>yiwancheng/yiwancheng.wxml</text>

yiwancheng/yiwancheng.wxss

@@ -0,0 +1 @@
+/* yiwancheng/yiwancheng.wxss */