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 @@
"pages": [
"pages/index/index",
"pages/authorization/authorization",
"pages/commitRecord/commitRecord",
"pages/caption/caption"
],
"window": {
......
components/navBar/navBar.js
......@@ -39,6 +39,14 @@ Component({
type: Boolean,
value: true
},
whiteBack: {
type: Boolean,
value: false
},
blackBack: {
type: Boolean,
value: false
},
paddingColor: {
type: String,
value: 'transparent'
......
components/navBar/navBar.wxml
......@@ -7,7 +7,8 @@
<image src="/images/all_people/nyhb_ic_back.png" class="icon" mode="aspectFit"></image>
</navigator>
<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 class="home item" wx:if="{{showHome}}" bind:tap="tapNavHome">
<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-api.wxatech.com';
const content = 'game-bsdk';
// const host = 'miniapp-testapi.wxatech.com';
const host = 'miniapp-api.wxatech.com';
const content = 'game-bsdk'; // 步数打卡
// const content = 'game-team_walk'; // 组队打卡
const config = {
// 下面的地址配合云端 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 {
margin-top: 74rpx;
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 {
width: 100%;
padding: 28rpx 30rpx 36rpx;
padding: 50rpx 30rpx 36rpx;
box-sizing: border-box;
.other-step-title {
font-size: 34rpx;
line-height: 39rpx;
color: #fff;
display: flex;
margin-top: 38rpx;
image {
width: 34rpx;
height: 39rpx;
......
pages/index/index.wxml
......@@ -30,6 +30,13 @@
</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 class="other-step-container" wx:if="{{stepRecordList.length}}">
<view class="other-step-title">
......
pages/index/index.wxss
......@@ -142,9 +142,21 @@ page {
margin-top: 74rpx;
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 {
width: 100%;
padding: 28rpx 30rpx 36rpx;
padding: 50rpx 30rpx 36rpx;
box-sizing: border-box;
}
.page-container .other-step-container .other-step-title {
......@@ -152,7 +164,6 @@ page {
line-height: 39rpx;
color: #fff;
display: flex;
margin-top: 38rpx;
}
.page-container .other-step-container .other-step-title image {
width: 34rpx;
......
project.config.json
......@@ -64,7 +64,7 @@
"list": []
},
"miniprogram": {
"current": 1,
"current": 2,
"list": [
{
"id": -1,
......@@ -79,6 +79,12 @@
"pathName": "pages/index/index",
"query": "",
"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