Skip to content

W
walk_daka_wx
Commit 7f8fd965 by 穆启卓
Options

步数上报页（未对接口）

parent e4ee60cf
Showing with 537 additions and 9 deletions
app.json
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
"pages": [ "pages": [
"pages/index/index", "pages/index/index",
"pages/authorization/authorization", "pages/authorization/authorization",
"pages/commitRecord/commitRecord",
"pages/caption/caption" "pages/caption/caption"
], ],
"window": { "window": {
......
components/navBar/navBar.js
...@@ -39,6 +39,14 @@ Component({ ...@@ -39,6 +39,14 @@ Component({
type: Boolean, type: Boolean,
value: true value: true
}, },
whiteBack: {
type: Boolean,
value: false
},
blackBack: {
type: Boolean,
value: false
},
paddingColor: { paddingColor: {
type: String, type: String,
value: 'transparent' value: 'transparent'
......
components/navBar/navBar.wxml
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
<image src="/images/all_people/nyhb_ic_back.png" class="icon" mode="aspectFit"></image> <image src="/images/all_people/nyhb_ic_back.png" class="icon" mode="aspectFit"></image>
</navigator> </navigator>
<view class="back item" wx:if="{{showBack}}" catch:tap="tapNavBack"> <view class="back item" wx:if="{{showBack}}" catch:tap="tapNavBack">
<image src="/images/all_people/nyhb_ic_back.png" class="icon" mode="aspectFit"></image> <image src="/images/all_people/nyhb_ic_back.png" class="icon" mode="aspectFit" wx:if="{{whiteBack}}"></image>
<image src="/images/all_people/black_back.png" class="icon" mode="aspectFit" wx:elif="{{blackBack}}"></image>
</view> </view>
<view class="home item" wx:if="{{showHome}}" bind:tap="tapNavHome"> <view class="home item" wx:if="{{showHome}}" bind:tap="tapNavHome">
<image src="/images/all_people/nyhb_ic_home.png" class="icon" mode="aspectFit"></image> <image src="/images/all_people/nyhb_ic_home.png" class="icon" mode="aspectFit"></image>
......
config.js
const host = 'miniapp-testapi.wxatech.com'; // const host = 'miniapp-testapi.wxatech.com';
// const host = 'miniapp-api.wxatech.com'; const host = 'miniapp-api.wxatech.com';
const content = 'game-bsdk'; const content = 'game-bsdk'; // 步数打卡
// const content = 'game-team_walk'; // 组队打卡
const config = { const config = {
// 下面的地址配合云端 Demo 工作 // 下面的地址配合云端 Demo 工作
......
pages/commitRecord/commitRecord.js 0 → 100644
// pages/commitRecord/commitRecord.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/commitRecord/commitRecord.json 0 → 100644
{
"navigationBarTextStyle":"black",
"usingComponents": {
"navbar": "/components/navBar/navBar"
}
}
\ No newline at end of file
pages/commitRecord/commitRecord.less 0 → 100644
.page-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
.notice-container {
width: 100%;
padding: 40rpx 30rpx 30rpx;
box-sizing: border-box;
background: #fff;
.title {
font-size: 30rpx;
line-height: 1;
color: #101010;
}
.content {
font-size: 24rpx;
line-height: 36rpx;
color: #5a5a5a;
margin-top: 32rpx;
}
}
.th {
width: 100%;
height: 88rpx;
background: #fff;
padding: 0 30rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20rpx;
font-size: 30rpx;
color: #101010;
view {
flex: 1;
}
}
.list-container {
width: 100%;
.list-item {
width: 100%;
.item-title {
width: 100%;
height: 60rpx;
padding: 0 30rpx;
box-sizing: border-box;
font-size: 24rpx;
line-height: 60rpx;
color: #333;
}
.item-list {
width: 100%;
background: #fff;
padding: 0 30rpx;
box-sizing: border-box;
.item-list-item {
width: 100%;
height: 94rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 26rpx;
color: #101010;
border-top: 1px solid #E0E0E0;
&:first-child {
border-top: none;
}
&>view {
flex: 1;
}
.center {
position: relative;
white-space: nowrap;
.left-position {
position: absolute;
right: 168rpx;
font-size: 22rpx;
line-height: 34rpx;
color: #5a5a5a;
}
}
.step {
font-size: 36rpx;
}
}
}
}
}
.item1 {
text-align: left;
}
.item2 {
text-align: center;
}
.item3 {
text-align: right;
}
}
\ No newline at end of file
pages/commitRecord/commitRecord.wxml 0 → 100644
<navbar showBack="{{true}}" navTitle="步数上报记录" titleColor="#000" navColor="#fff" showBtnBg="{{false}}" blackBack="{{true}}"></navbar>
<view class="page-container">
<view class="notice-container">
<view class="title">步数上报须知:</view>
<view class="content">此处显示您上报步数到云端的记录，每天的总步数采用云端记录的最高步数。</view>
</view>
<view class="th">
<view class="item1">步数产生时间</view>
<view class="item2">步数上报时间</view>
<view class="item3">提交步数</view>
</view>
<view class="list-container">
<view class="list-item">
<view class="item-title">2019年04月26日(周一)</view>
<view class="item-list">
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
</view>
</view>
<view class="list-item">
<view class="item-title">2019年04月26日(周一)</view>
<view class="item-list">
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
<view class="item-list-item">
<view class="item1">20:23:05</view>
<view class="item2 center">
<view class="left-position">(27日)</view>
<view>18:14:26</view>
</view>
<view class="item3"><text class="step">1314</text>步</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
pages/commitRecord/commitRecord.wxss 0 → 100644
.page-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.page-container .notice-container {
width: 100%;
padding: 40rpx 30rpx 30rpx;
box-sizing: border-box;
background: #fff;
}
.page-container .notice-container .title {
font-size: 30rpx;
line-height: 1;
color: #101010;
}
.page-container .notice-container .content {
font-size: 24rpx;
line-height: 36rpx;
color: #5a5a5a;
margin-top: 32rpx;
}
.page-container .th {
width: 100%;
height: 88rpx;
background: #fff;
padding: 0 30rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20rpx;
font-size: 30rpx;
color: #101010;
}
.page-container .th view {
flex: 1;
}
.page-container .list-container {
width: 100%;
}
.page-container .list-container .list-item {
width: 100%;
}
.page-container .list-container .list-item .item-title {
width: 100%;
height: 60rpx;
padding: 0 30rpx;
box-sizing: border-box;
font-size: 24rpx;
line-height: 60rpx;
color: #333;
}
.page-container .list-container .list-item .item-list {
width: 100%;
background: #fff;
padding: 0 30rpx;
box-sizing: border-box;
}
.page-container .list-container .list-item .item-list .item-list-item {
width: 100%;
height: 94rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 26rpx;
color: #101010;
border-top: 1px solid #E0E0E0;
}
.page-container .list-container .list-item .item-list .item-list-item:first-child {
border-top: none;
}
.page-container .list-container .list-item .item-list .item-list-item > view {
flex: 1;
}
.page-container .list-container .list-item .item-list .item-list-item .center {
position: relative;
white-space: nowrap;
}
.page-container .list-container .list-item .item-list .item-list-item .center .left-position {
position: absolute;
right: 168rpx;
font-size: 22rpx;
line-height: 34rpx;
color: #5a5a5a;
}
.page-container .list-container .list-item .item-list .item-list-item .step {
font-size: 36rpx;
}
.page-container .item1 {
text-align: left;
}
.page-container .item2 {
text-align: center;
}
.page-container .item3 {
text-align: right;
}
pages/index/index.less
...@@ -143,17 +143,28 @@ page { ...@@ -143,17 +143,28 @@ page {
margin-top: 74rpx; margin-top: 74rpx;
letter-spacing: 3rpx; letter-spacing: 3rpx;
} }
.commit-record {
display: flex;
align-items: center;
font-size: 28rpx;
line-height: 1;
color: #fff;
margin-top: 30rpx;
image {
width: 26rpx;
height: 26rpx;
}
}
} }
.other-step-container { .other-step-container {
width: 100%; width: 100%;
padding: 28rpx 30rpx 36rpx; padding: 50rpx 30rpx 36rpx;
box-sizing: border-box; box-sizing: border-box;
.other-step-title { .other-step-title {
font-size: 34rpx; font-size: 34rpx;
line-height: 39rpx; line-height: 39rpx;
color: #fff; color: #fff;
display: flex; display: flex;
margin-top: 38rpx;
image { image {
width: 34rpx; width: 34rpx;
height: 39rpx; height: 39rpx;
......
pages/index/index.wxml
...@@ -30,6 +30,13 @@ ...@@ -30,6 +30,13 @@
</view> </view>
<!-- 提交步数按钮 --> <!-- 提交步数按钮 -->
<view class="get-info-btn" bindtap="clickStepData">{{unionAuth&&stepAuth?'点击提交今日步数':'点击获取微信步数'}}</view> <view class="get-info-btn" bindtap="clickStepData">{{unionAuth&&stepAuth?'点击提交今日步数':'点击获取微信步数'}}</view>
<!-- 步数上报记录 -->
<navigator url="/pages/commitRecord/commitRecord" hover-class="none">
<view class="commit-record">
<view>步数上报记录</view>
<image src="/images/common/right_arrow1.png"></image>
</view>
</navigator>
</view> </view>
<view class="other-step-container" wx:if="{{stepRecordList.length}}"> <view class="other-step-container" wx:if="{{stepRecordList.length}}">
<view class="other-step-title"> <view class="other-step-title">
......
pages/index/index.wxss
...@@ -142,9 +142,21 @@ page { ...@@ -142,9 +142,21 @@ page {
margin-top: 74rpx; margin-top: 74rpx;
letter-spacing: 3rpx; letter-spacing: 3rpx;
} }
.page-container .today-step-container .commit-record {
display: flex;
align-items: center;
font-size: 28rpx;
line-height: 1;
color: #fff;
margin-top: 30rpx;
}
.page-container .today-step-container .commit-record image {
width: 26rpx;
height: 26rpx;
}
.page-container .other-step-container { .page-container .other-step-container {
width: 100%; width: 100%;
padding: 28rpx 30rpx 36rpx; padding: 50rpx 30rpx 36rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.page-container .other-step-container .other-step-title { .page-container .other-step-container .other-step-title {
...@@ -152,7 +164,6 @@ page { ...@@ -152,7 +164,6 @@ page {
line-height: 39rpx; line-height: 39rpx;
color: #fff; color: #fff;
display: flex; display: flex;
margin-top: 38rpx;
} }
.page-container .other-step-container .other-step-title image { .page-container .other-step-container .other-step-title image {
width: 34rpx; width: 34rpx;
......
project.config.json
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
"list": [] "list": []
}, },
"miniprogram": { "miniprogram": {
"current": 1, "current": 2,
"list": [ "list": [
{ {
"id": -1, "id": -1,
...@@ -79,6 +79,12 @@ ...@@ -79,6 +79,12 @@
"pathName": "pages/index/index", "pathName": "pages/index/index",
"query": "", "query": "",
"scene": 1048 "scene": 1048
},
{
"id": -1,
"name": "commitRecord",
"pathName": "pages/commitRecord/commitRecord",
"scene": null
} }
] ]
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment