000

pages/paiming/paiming.js

@@ -1,7 +1,29 @@
 const app = require('../../utils/util.js');
 Page({
   data: {
-    logs: []
+    logs: [],
+    active:0,
+    collectInfosList:[
+      {
+        name:'张三',
+        time: "2020-08-07T11:47:47.400Z"
+      },
+      {
+        name:'李四',
+        time: "2020-08-07T11:47:47.400Z"
+      },
+    ],
+
+    visitInfosList:[
+      {
+        name:'张三111',
+        visitTime: "2020-02-16T11:22:07.697Z"
+      },
+      {
+        name:'李四22',
+        visitTime: "2020-02-16T11:22:07.697Z"
+      },
+    ]
   },
 
 })

pages/paiming/paiming.wxml

@@ -0,0 +1,38 @@
+	<wxs module="time" src="../../utils/time.wxs"></wxs>
+	<view>
+		<image src="/images/paimingbj.png" style="width: 100%; height: 550rpx;"> </image>
+		<view class="flex-box">
+			<view class="jifen">506</view>
+			<view class="wenzi">累计积分</view>
+			<view class="btn">当前排名<text class="shuzi">5623</text>名</view>
+		</view>
+
+		<view class="white-box">
+			<van-tabs active="{{ active }}" bind:change="onChange" color="#2087F7">
+				<van-tab title="采集记录">
+					<view class="flex-shu" wx:for="{{collectInfosList}}">
+						<view>
+							<view>{{item.name}}</view>
+							<view class="tabs-time">{{time.formatDate(item.time)}}</view>
+						</view>
+						<view class="addfive">
+							+5
+						</view>
+					</view>
+				</van-tab>
+				<van-tab title="探访记录">
+					<view class="flex-shu" wx:for="{{visitInfosList}}">
+						<view>
+							<view>{{item.name}}</view>
+							<view class="tabs-time">{{time.formatDate(item.visitTime)}}</view>
+						</view>
+						<view class="addfive">
+							+1
+						</view>
+					</view>
+				</van-tab>
+
+			</van-tabs>
+		</view>
+
+	</view>

pages/paiming/paiming.wxss

@@ -0,0 +1,75 @@
+page {
+  background-color: #f2f2f2;
+}
+
+.flex-box {
+  width: 80%;
+  margin: 0 auto;
+
+  position: absolute;
+  top: 50rpx;
+  left: 75rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: white;
+}
+
+.jifen {
+  /* color: #2087F7; */
+  color: white;
+  height: 100rpx;
+  font-size: 38rpx;
+}
+
+.wenzi {
+  margin-top: 40rpx;
+  font-size: 38rpx;
+}
+
+.btn {
+  width: 100%;
+  background: linear-gradient(0deg, rgba(255, 160, 53, 1) 0%, rgba(255, 226, 63, 1) 100%);
+  border-radius: 39px;
+  color: #333333;
+  text-align: center;
+  padding: 20rpx 0;
+  margin-top: 50rpx;
+}
+
+.shuzi {
+  font-weight: bold;
+  margin: 0 20rpx;
+}
+
+.white-box {
+  width: 90%;
+  padding-bottom: 40rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 0px 21px 0px rgba(13, 109, 195, 0.2);
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  margin: 0 auto;
+  position: absolute;
+  top: 420rpx;
+  left: 5%;
+}
+
+.flex-shu {
+  display: flex;
+  justify-content: space-between;
+  padding: 20rpx 40rpx;
+  border-bottom: 1rpx solid rgba(227, 229, 235, 1);
+}
+
+.addfive {
+  color: #FD1200;
+  font-size: 40rpx;
+
+}
+
+.tabs-time {
+  color: #878787;
+  font-size: 26rpx;
+}

pages/paiming/time.wxs

@@ -1,6 +1,5 @@
 var formatDate = function (date) {
   var date = getDate(date);
-  console.log(date)
   var year = date.getFullYear()
   var month = date.getMonth() + 1
   var day = date.getDay()

utils/time.wxs

@@ -1,15 +1,23 @@
 var formatDate = function (date) {
-  var date = getDate(date);
-  var year = date.getFullYear()
-  var month = date.getMonth() + 1
-  var day = date.getDay()
-  var h = date.getHours();
-  h = h < 10 ? ('0' + h) : h;
-  var m = date.getMinutes();
-  m = m < 10 ? ('0' + m) : m;
-  var s = date.getSeconds();
-  s = s < 10 ? ('0' + s) : s;
-  return year + '/' + month + '/' + day + " " + h + ":" + m + ":" + s;
+  var dateMat = getDate(date);
+  var year = dateMat.getFullYear()
+  var month = dateMat.getMonth() + 1 > 9 ?
+    dateMat.getMonth() + 1 :
+    "0" + (dateMat.getMonth() + 1);
+  var day = dateMat.getDate() > 9 ? dateMat.getDate() : "0" + dateMat.getDate();
+  var hh =
+    dateMat.getHours() > 9 ?
+    dateMat.getHours() :
+    "0" + dateMat.getHours();
+  var mm =
+    dateMat.getMinutes() > 9 ?
+    dateMat.getMinutes() :
+    "0" + dateMat.getMinutes();
+  var ss =
+    dateMat.getSeconds() > 9 ?
+    dateMat.getSeconds() :
+    "0" + dateMat.getSeconds();
+  return year + "/" + month + "/" + day + " " + hh + ":" + mm + ":" + ss;
 }
 
 module.exports = {