我的页面,首页来款项目
This commit is contained in:
@@ -0,0 +1,90 @@
|
||||
import UserApi from '../../assets/js/http/userApi'
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
isSigned: false, // 默认未报名
|
||||
meetingId: '', // 会议id
|
||||
fileId: '', // 图片id
|
||||
src: null // 签名之后,保存签名的图片地址
|
||||
},
|
||||
// 去签到页
|
||||
scanSign(){
|
||||
wx.navigateTo({
|
||||
url: '../writtenSign/writtenSign',
|
||||
})
|
||||
},
|
||||
// 确定签到
|
||||
sureSign(){
|
||||
|
||||
},
|
||||
// 去报名
|
||||
goSignUp(){
|
||||
wx.navigateTo({
|
||||
url: 'url',
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
let params = {
|
||||
fileId: this.data.fileId,
|
||||
meetingId: this.data.meetingId
|
||||
}
|
||||
// UserApi.scanCode(params).then(res=>{
|
||||
|
||||
// })
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationBarTitleText": "扫码签到",
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
<view class="basic-info">
|
||||
<view>
|
||||
<text>会议名称</text>
|
||||
<text>会议名称会议名称</text>
|
||||
</view>
|
||||
<view>
|
||||
<text>会议类型</text>
|
||||
<text>arff4ds8a3s6651</text>
|
||||
</view>
|
||||
<view>
|
||||
<text>召开时间</text>
|
||||
<text>找找</text>
|
||||
</view>
|
||||
<!-- 已报名信息显示的内容start -->
|
||||
<view wx:if="{{isSigned}}">
|
||||
<text>参会单位</text>
|
||||
<text>张三张三张三张三张三张三张三张三张三张三张三张三张三</text>
|
||||
</view>
|
||||
<view wx:if="{{isSigned}}">
|
||||
<text>参会人</text>
|
||||
<text>500元</text>
|
||||
</view>
|
||||
<view wx:if="{{isSigned}}">
|
||||
<text>是否签到</text>
|
||||
<text>500元</text>
|
||||
</view>
|
||||
<view wx:if="{{isSigned}}">
|
||||
<text>手动签到</text>
|
||||
<text style="color: #069F99;" bindtap="scanSign">签到</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="imageBox" hidden="{{isSigned ? false : true}}">
|
||||
<image src="{{src}}" ></image>
|
||||
</view>
|
||||
<view class="scanSign" wx:if="{{isSigned}}">
|
||||
<text bindtap="sureSign">签到</text>
|
||||
</view>
|
||||
<!-- 已报名信息显示的内容end -->
|
||||
|
||||
<!-- 未报名显示的内容start -->、
|
||||
|
||||
<view class="warning-text" wx:if="{{!isSigned}}">
|
||||
<image src="../../assets/images/warning.png"></image>
|
||||
<text>很抱歉,未查询到您的报名信息</text>
|
||||
</view>
|
||||
<view class="scanSign" wx:if="{{!isSigned}}">
|
||||
<text bindtap="goSignUp">去报名</text>
|
||||
</view>
|
||||
@@ -0,0 +1,72 @@
|
||||
.basic-info .title{
|
||||
height: 40px;
|
||||
}
|
||||
.basic-info .title text{
|
||||
display: block;
|
||||
border-left: 3px solid #069F99;
|
||||
height: 14px;
|
||||
padding-left: 10px;
|
||||
border-radius: 2px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.basic-info view text:nth-child(1){
|
||||
flex-shrink: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.basic-info view{
|
||||
background-color: #FFF;
|
||||
padding: 15px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
border-bottom: 0.5px solid #f5f5f5;
|
||||
position: relative;
|
||||
}
|
||||
.basic-info view:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
.scanSign{
|
||||
padding: 0 15px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.scanSign text{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 45px;
|
||||
background-color: #069F99;
|
||||
border-radius: 5px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
}
|
||||
.imageBox {
|
||||
border: 1px solid #dedede;
|
||||
margin: 10px;
|
||||
height: 160px
|
||||
}
|
||||
.imageBox image {
|
||||
width: 100%;
|
||||
height: 160px
|
||||
}
|
||||
.warning-text{
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
}
|
||||
.warning-text image{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
Reference in New Issue
Block a user