9 changed files with 2166 additions and 2028 deletions
@ -1,292 +1,320 @@ |
|||||
import { getTimestamp } from "../../../../utils/common" |
import { getTimestamp } from "../../../../utils/common" |
||||
const api = require("../../../../utils/api") |
const api = require("../../../../utils/api") |
||||
var api_banner = require("../../../../utils/activity.js") |
var api_banner = require("../../../../utils/activity.js") |
||||
const app = getApp() |
const app = getApp() |
||||
Page({ |
Page({ |
||||
|
|
||||
/** |
/** |
||||
* 页面的初始数据 |
* 页面的初始数据 |
||||
*/ |
*/ |
||||
data: { |
data: { |
||||
selectTab: "tab1", |
selectTab: "tab1", |
||||
selectedTab_B: "tab0", |
selectedTab_B: "tab0", |
||||
typeList: [{ //排名方式:0-周,1-月
|
typeList: [{ //排名方式:0-周,1-月
|
||||
type: "tab0", |
type: "tab0", |
||||
name: "审核中", |
name: "审核中", |
||||
select: true |
select: true |
||||
}, |
}, |
||||
{ |
{ |
||||
type: "tab1", |
type: "tab1", |
||||
name: "已通过", |
name: "已通过", |
||||
select: false |
select: false |
||||
}, |
}, |
||||
{ |
{ |
||||
type: "tab4", |
type: "tab4", |
||||
name: "未通过", |
name: "未通过", |
||||
select: false |
select: false |
||||
}, { |
}, { |
||||
type: "tab5", |
type: "tab5", |
||||
name: "已结束", |
name: "已结束", |
||||
select: false |
select: false |
||||
} |
} |
||||
], |
], |
||||
// 积分排行榜相关
|
// 积分排行榜相关
|
||||
datalenght: null, |
datalenght: null, |
||||
loveRankingList: [], |
loveRankingList: [], |
||||
preloadVisible: true, |
preloadVisible: true, |
||||
// 列表相关
|
// 列表相关
|
||||
loadMoreVisible: false, |
loadMoreVisible: false, |
||||
loadMoreType: "none", |
loadMoreType: "none", |
||||
pageNo: 1, |
pageNo: 1, |
||||
pageSize: 10, |
pageSize: 10, |
||||
signedList: [], |
signedList: [], |
||||
timer: "", |
timer: "", |
||||
timestamp: getTimestamp(), |
timestamp: getTimestamp(), |
||||
jilu: true, |
jilu: true, |
||||
banner:[] |
banner:[], |
||||
}, |
rankId: '0', |
||||
// tab 切换
|
rankTabList: [ |
||||
onTabChange (e) { |
{ |
||||
this.setData({ |
id: '0', |
||||
selectTab: e.currentTarget.dataset.tab, |
label: '爱心时长' |
||||
pageNo: 1 |
}, |
||||
}) |
{ |
||||
|
id: '1', |
||||
if (e.currentTarget.dataset.tab == "tab2") { |
label: '参与次数' |
||||
this.setData({ |
}, |
||||
jilu: false, |
{ |
||||
}) |
id: '2', |
||||
this.getSignedList() |
label: '公益积分' |
||||
} else { |
} |
||||
this.setData({ |
] |
||||
jilu: true, |
}, |
||||
loveRankingList: [], |
// tab 切换
|
||||
}) |
onTabChange (e) { |
||||
this.loadLoveRanking() |
this.setData({ |
||||
} |
selectTab: e.currentTarget.dataset.tab, |
||||
}, |
pageNo: 1 |
||||
|
}) |
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
if (e.currentTarget.dataset.tab == "tab2") { |
||||
*/ |
this.setData({ |
||||
onLoad: function () { |
jilu: false, |
||||
this.loadLoveRanking() |
signedList: [] |
||||
this.bannerListV2() |
}) |
||||
this.setData({ |
this.getSignedList() |
||||
timestamp: getTimestamp(), |
} else { |
||||
}) |
this.setData({ |
||||
}, |
jilu: true, |
||||
bannerListV2: function () { |
loveRankingList: [], |
||||
let that = this |
}) |
||||
let params = { |
this.loadLoveRanking() |
||||
bannerType:"2" |
} |
||||
} |
}, |
||||
api_banner.bannerList(params).then(function (res) { |
|
||||
that.setData({ |
/** |
||||
banner: res.data |
* 生命周期函数--监听页面加载 |
||||
}) |
*/ |
||||
}) |
onLoad: function () { |
||||
}, |
this.loadLoveRanking() |
||||
preViewImage (e) { |
this.bannerListV2() |
||||
let list = []; |
this.setData({ |
||||
list.push(this.data.banner[e.currentTarget.dataset.listIndex].bannerImg) |
timestamp: getTimestamp(), |
||||
console.log(list) |
}) |
||||
if (e.currentTarget.dataset.listIndex+1 < this.data.banner.length) { |
}, |
||||
list.push(this.data.banner[e.currentTarget.dataset.listIndex+1].bannerImg) |
bannerListV2: function () { |
||||
} |
let that = this |
||||
wx.previewImage({ |
let params = { |
||||
urls: list, |
bannerType:"2" |
||||
current: e.currentTarget.dataset.src |
} |
||||
}) |
api_banner.bannerList(params).then(function (res) { |
||||
}, |
that.setData({ |
||||
// 加载 爱心互助排行榜
|
banner: res.data |
||||
loadLoveRanking () { |
}) |
||||
this.setData({ |
}) |
||||
// loveRankingList: [],
|
}, |
||||
preloadVisible: true |
preViewImage (e) { |
||||
}) |
let list = []; |
||||
const para = { |
list.push(this.data.banner[e.currentTarget.dataset.listIndex].bannerImg) |
||||
pageIndex: this.data.pageNo, |
console.log(list) |
||||
pageSize: this.data.pageSize |
if (e.currentTarget.dataset.listIndex+1 < this.data.banner.length) { |
||||
} |
list.push(this.data.banner[e.currentTarget.dataset.listIndex+1].bannerImg) |
||||
api.leaderboard(para).then(res => { |
} |
||||
this.setData({ |
wx.previewImage({ |
||||
datalenght: res.data.length |
urls: list, |
||||
}) |
current: e.currentTarget.dataset.src |
||||
// res.data.forEach((item) => {
|
}) |
||||
// this.data.loveRankingList.push(item)
|
}, |
||||
// })
|
// 加载 爱心互助排行榜
|
||||
this.setData({ |
loadLoveRanking () { |
||||
loveRankingList: [ ...this.data.loveRankingList, ...res.data ], |
this.setData({ |
||||
loadMoreType: res.data.length === 10 ? "loading" : "none", |
// loveRankingList: [],
|
||||
preloadVisible: false |
preloadVisible: true |
||||
}) |
}) |
||||
}).catch(() => { |
const para = { |
||||
this.setData({ |
pageIndex: this.data.pageNo, |
||||
datalenght:0, |
pageSize: this.data.pageSize, |
||||
loveRankingList: [], |
type: this.data.rankId |
||||
loadMoreType: "none", |
} |
||||
preloadVisible: false |
api.leaderboard(para).then(res => { |
||||
}) |
this.setData({ |
||||
}) |
datalenght: res.data.length |
||||
}, |
}) |
||||
|
// res.data.forEach((item) => {
|
||||
|
// this.data.loveRankingList.push(item)
|
||||
/** |
// })
|
||||
* 生命周期函数--监听页面显示 |
this.setData({ |
||||
*/ |
loveRankingList: [ ...this.data.loveRankingList, ...res.data ], |
||||
onShow: function () { |
loadMoreType: res.data.length === 10 ? "loading" : "none", |
||||
if(this.data.selectTab == "tab2"){ |
preloadVisible: false |
||||
this.pulldownRefresh() |
}) |
||||
} |
}).catch(() => { |
||||
if (!app.globalData.previewImage) { |
this.setData({ |
||||
console.log("过滤previewImage引起的onShow") |
datalenght:0, |
||||
} |
loveRankingList: [], |
||||
app.globalData.previewImage = false |
loadMoreType: "none", |
||||
}, |
preloadVisible: false |
||||
|
}) |
||||
/** |
}) |
||||
* 生命周期函数--监听页面隐藏 |
}, |
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
/** |
||||
}, |
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
/** |
onShow: function () { |
||||
* 生命周期函数--监听页面卸载 |
if(this.data.selectTab == "tab2"){ |
||||
*/ |
this.pulldownRefresh() |
||||
onUnload: function () { |
} |
||||
|
if (!app.globalData.previewImage) { |
||||
}, |
console.log("过滤previewImage引起的onShow") |
||||
|
} |
||||
// 参与记录切换
|
app.globalData.previewImage = false |
||||
onButtonChange: function (e) { |
}, |
||||
const list = this.data.typeList |
|
||||
let that = this; |
/** |
||||
list.forEach(item => { |
* 生命周期函数--监听页面隐藏 |
||||
if (item.type === e.currentTarget.dataset.type) { |
*/ |
||||
item.select = true |
onHide: function () { |
||||
} else { |
|
||||
item.select = false |
}, |
||||
} |
|
||||
}) |
/** |
||||
that.setData({ |
* 生命周期函数--监听页面卸载 |
||||
typeList: list, |
*/ |
||||
selectedTab_B: e.currentTarget.dataset.type |
onUnload: function () { |
||||
}) |
|
||||
|
}, |
||||
this.pulldownRefresh() |
|
||||
}, |
// 参与记录切换
|
||||
/** |
onButtonChange: function (e) { |
||||
* 生命周期函数--监听页面初次渲染完成 |
const list = this.data.typeList |
||||
*/ |
let that = this; |
||||
onReady: function () { |
list.forEach(item => { |
||||
this.pullDownRefresh = this.selectComponent("#pulldown-refresh") |
if (item.type === e.currentTarget.dataset.type) { |
||||
}, |
item.select = true |
||||
onPageScroll (e) { |
} else { |
||||
this.pullDownRefresh.onPageScroll(e) |
item.select = false |
||||
}, |
} |
||||
/** |
}) |
||||
* 页面上拉触底事件的处理函数 |
that.setData({ |
||||
*/ |
typeList: list, |
||||
onReachBottom: function () { |
selectedTab_B: e.currentTarget.dataset.type |
||||
this.setData({ |
}) |
||||
loadMoreVisible: true |
|
||||
}) |
this.pulldownRefresh() |
||||
if (this.data.loadMoreType === "loading") { |
}, |
||||
this.setData({ |
/** |
||||
pageNo: this.data.pageNo + 1 |
* 生命周期函数--监听页面初次渲染完成 |
||||
}) |
*/ |
||||
} |
onReady: function () { |
||||
if(this.data.selectTab == "tab2"){ |
this.pullDownRefresh = this.selectComponent("#pulldown-refresh") |
||||
this.getSignedList() |
}, |
||||
} else { |
onPageScroll (e) { |
||||
this.loadLoveRanking() |
this.pullDownRefresh.onPageScroll(e) |
||||
} |
}, |
||||
}, |
/** |
||||
// 列表 下拉刷新, 初始化加载
|
* 页面上拉触底事件的处理函数 |
||||
pulldownRefresh () { |
*/ |
||||
this.setData({ |
onReachBottom: function () { |
||||
pageNo: 1, |
this.setData({ |
||||
pageSize: 10, |
loadMoreVisible: true |
||||
loadMoreVisible: false, |
}) |
||||
loadMoreType: "none", |
if (this.data.loadMoreType === "loading") { |
||||
preloadVisible: true, |
this.setData({ |
||||
signedList: [], |
pageNo: this.data.pageNo + 1 |
||||
timestamp: getTimestamp() |
}) |
||||
}) |
if(this.data.selectTab == "tab2"){ |
||||
const para = { |
this.getSignedList() |
||||
pageIndex: this.data.pageNo, |
} else { |
||||
pageSize: this.data.pageSize, |
this.loadLoveRanking() |
||||
timestamp: this.data.timestamp, |
} |
||||
actType: this.data.selectedTab_B.substr(3, 1) |
} |
||||
} |
}, |
||||
api.getSignedList(para).then(res => { |
// 列表 下拉刷新, 初始化加载
|
||||
this.pullDownRefresh.stopRefresh() |
pulldownRefresh () { |
||||
// console.log('已报名活动', res)
|
this.setData({ |
||||
this.setData({ |
pageNo: 1, |
||||
signedList: [...res.data], |
pageSize: 10, |
||||
loadMoreType: res.data.length === 10 ? "loading" : "none", |
loadMoreVisible: false, |
||||
preloadVisible: false |
loadMoreType: "none", |
||||
}) |
preloadVisible: true, |
||||
}).catch(err => { |
signedList: [], |
||||
this.pullDownRefresh.stopRefresh() |
timestamp: getTimestamp() |
||||
this.setData({ |
}) |
||||
signedList: [], |
const para = { |
||||
loadMoreType: "none", |
pageIndex: this.data.pageNo, |
||||
preloadVisible: false |
pageSize: this.data.pageSize, |
||||
}) |
timestamp: this.data.timestamp, |
||||
console.log(err) |
actType: this.data.selectedTab_B.substr(3, 1) |
||||
}) |
} |
||||
}, |
api.getSignedList(para).then(res => { |
||||
// 列表 上拉加载
|
this.pullDownRefresh.stopRefresh() |
||||
getSignedList () { |
// console.log('已报名活动', res)
|
||||
const para = { |
this.setData({ |
||||
pageIndex: this.data.pageNo, |
signedList: [...res.data], |
||||
pageSize: this.data.pageSize, |
loadMoreType: res.data.length === 10 ? "loading" : "none", |
||||
timestamp: this.data.timestamp, |
preloadVisible: false |
||||
actType: this.data.selectedTab_B.substr(3, 1) |
}) |
||||
} |
}).catch(err => { |
||||
api.getSignedList(para).then(res => { |
this.pullDownRefresh.stopRefresh() |
||||
// console.log('已报名活动', res.data.length)
|
this.setData({ |
||||
this.setData({ |
signedList: [], |
||||
signedList: [...this.data.signedList, ...res.data], |
loadMoreType: "none", |
||||
loadMoreType: res.data.length === 10 ? "loading" : "none", |
preloadVisible: false |
||||
preloadVisible: false |
}) |
||||
}) |
console.log(err) |
||||
}).catch(err => { |
}) |
||||
this.setData({ |
}, |
||||
signedList: [], |
// 列表 上拉加载
|
||||
loadMoreType: "none", |
getSignedList () { |
||||
preloadVisible: false |
const para = { |
||||
}) |
pageIndex: this.data.pageNo, |
||||
console.log(err) |
pageSize: this.data.pageSize, |
||||
}).finally(() => { |
timestamp: this.data.timestamp, |
||||
this.pullDownRefresh.stopRefresh() |
actType: this.data.selectedTab_B.substr(3, 1) |
||||
}) |
} |
||||
}, |
api.getSignedList(para).then(res => { |
||||
|
// console.log('已报名活动', res.data.length)
|
||||
// 查看详情
|
this.setData({ |
||||
toDetail (e) { |
signedList: [...this.data.signedList, ...res.data], |
||||
if (this.data.selectedTab === "tab4") { |
loadMoreType: res.data.length === 10 ? "loading" : "none", |
||||
wx.navigateTo({ |
preloadVisible: false |
||||
url: `/subpages/heart/pages/refusedOrEndedDetail/refusedOrEndedDetail?id=${e.detail.detailId}` |
}) |
||||
}) |
}).catch(err => { |
||||
} else if (e.detail.actCurrentState == 5) { |
this.setData({ |
||||
wx.navigateTo({ |
signedList: [], |
||||
url: `/subpages/heart/pages/cancelDetail/cancelDetail?id=${e.detail.detailId}` |
loadMoreType: "none", |
||||
}) |
preloadVisible: false |
||||
} else { |
}) |
||||
wx.navigateTo({ |
console.log(err) |
||||
url: `/subpages/heart/pages/heartDetail/heartDetail?id=${e.detail.detailId}` |
}).finally(() => { |
||||
}) |
this.pullDownRefresh.stopRefresh() |
||||
} |
}) |
||||
}, |
}, |
||||
|
|
||||
/** |
// 查看详情
|
||||
* 用户点击右上角分享 |
toDetail (e) { |
||||
*/ |
if (this.data.selectedTab === "tab4") { |
||||
onShareAppMessage: function () { |
wx.navigateTo({ |
||||
|
url: `/subpages/heart/pages/refusedOrEndedDetail/refusedOrEndedDetail?id=${e.detail.detailId}` |
||||
} |
}) |
||||
|
} else if (e.detail.actCurrentState == 5) { |
||||
|
wx.navigateTo({ |
||||
|
url: `/subpages/heart/pages/cancelDetail/cancelDetail?id=${e.detail.detailId}` |
||||
|
}) |
||||
|
} else { |
||||
|
wx.navigateTo({ |
||||
|
url: `/subpages/heart/pages/heartDetail/heartDetail?id=${e.detail.detailId}` |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//选择排序列
|
||||
|
changeTag (e) { |
||||
|
const id = e.currentTarget.dataset.id |
||||
|
this.setData({ |
||||
|
rankId: id, |
||||
|
loveRankingList: [], |
||||
|
pageNo: 1 |
||||
|
}) |
||||
|
this.loadLoveRanking() |
||||
|
}, |
||||
}) |
}) |
@ -1,76 +1,89 @@ |
|||||
<view class="banner" wx:if="{{banner.length > 0}}"> |
<view class="banner" wx:if="{{banner.length > 0}}"> |
||||
<swiper class="swiper"> |
<swiper class="swiper"> |
||||
<swiper-item class="swiper-item" wx:for="{{banner}}" wx:for-item="item" wx:for-index="index" wx:key="index" wx:if="{{index%2==0&&(index+1)%2==1}}"> |
<swiper-item class="swiper-item" wx:for="{{banner}}" wx:for-item="item" wx:for-index="index" wx:key="index" wx:if="{{index%2==0&&(index+1)%2==1}}"> |
||||
<image data-src="{{banner[index].bannerImg}}" data-list-index="{{index}}" bindtap="preViewImage" src="{{banner[index].bannerImg}}"></image> |
<image data-src="{{banner[index].bannerImg}}" data-list-index="{{index}}" bindtap="preViewImage" src="{{banner[index].bannerImg}}"></image> |
||||
<image data-src="{{banner[index+1].bannerImg}}" data-list-index="{{index}}" bindtap="preViewImage" src="{{banner[index+1].bannerImg}}" wx:if="{{banner[index+1].bannerImg!=undefined}}"></image> |
<image data-src="{{banner[index+1].bannerImg}}" data-list-index="{{index}}" bindtap="preViewImage" src="{{banner[index+1].bannerImg}}" wx:if="{{banner[index+1].bannerImg!=undefined}}"></image> |
||||
</swiper-item> |
</swiper-item> |
||||
</swiper> |
</swiper> |
||||
</view> |
</view> |
||||
<!-- tabbar --> |
<!-- tabbar --> |
||||
<view class="tab-bar"> |
<view class="tab-bar"> |
||||
<view class="tab tab1 {{selectTab === 'tab1' ? 'select-tab' : ''}}" data-tab="tab1" bindtap="onTabChange">志愿者银行 |
<view class="tab tab1 {{selectTab === 'tab1' ? 'select-tab' : ''}}" data-tab="tab1" bindtap="onTabChange">志愿者银行 |
||||
</view> |
</view> |
||||
<view class="tab tab2 {{selectTab === 'tab2' ? 'select-tab' : ''}}" data-tab="tab2" bindtap="onTabChange">参与记录 |
<view class="tab tab2 {{selectTab === 'tab2' ? 'select-tab' : ''}}" data-tab="tab2" bindtap="onTabChange">参与记录 |
||||
</view> |
</view> |
||||
<view class="select-bar {{selectTab === 'tab1' ? 'tab1' : 'tab2'}}"></view> |
<view class="select-bar {{selectTab === 'tab1' ? 'tab1' : 'tab2'}}"></view> |
||||
</view> |
</view> |
||||
<!-- 积分排行 --> |
<!-- 积分排行 --> |
||||
<block wx:if="{{selectTab === 'tab1'}}"> |
<block wx:if="{{selectTab === 'tab1'}}"> |
||||
<view class="bottom padding"> |
<view class="bottom padding"> |
||||
<block wx:if="{{loveRankingList.length === 0 && preloadVisible}}"> |
<block wx:if="{{loveRankingList.length === 0 && preloadVisible}}"> |
||||
<preload-loveranking-item wx:for="{{[1,2,3,4]}}" wx:for-index="index" wx:key="index"> |
<preload-loveranking-item wx:for="{{[1,2,3,4]}}" wx:for-index="index" wx:key="index"> |
||||
</preload-loveranking-item> |
</preload-loveranking-item> |
||||
</block> |
</block> |
||||
<block wx:elif="{{loveRankingList.length > 0}}"> |
<block wx:elif="{{loveRankingList.length > 0}}"> |
||||
<view class="list-item" wx:for-item="item" wx:key="index" wx:for-index="index" wx:for="{{loveRankingList}}"> |
<scroll-view scroll-x="{{true}}" class="scroll-tag"> |
||||
<view class="num {{index === 0 ? 'color1' : index === 1 ? 'color2' : index === 2 ? 'color3' : ''}}"> |
<view class="volunteer-tag"> |
||||
{{index + 1}}</view> |
<view class="tag {{rankId == item.id ? 'sel' : ''}}" wx:for="{{rankTabList}}" wx:key="index" data-id="{{item.id}}" bindtap="changeTag">{{item.label}}</view> |
||||
<image class="avatar" src="{{item.faceImg}}" /> |
</view> |
||||
<view class="info"> |
</scroll-view> |
||||
<view class="name"><view>{{item.nickname}}</view><image src="../../images/ic_dangbiaoqian.png" wx:if="{{item.partyFlag == '1'}}"/></view> |
<view class="list-item" wx:for-item="item" wx:key="index" wx:for-index="index" wx:for="{{loveRankingList}}"> |
||||
<view class="info-detail"> |
<view class="num {{index === 0 ? 'color1' : index === 1 ? 'color2' : index === 2 ? 'color3' : ''}}"> |
||||
<image class="heart-time" src="../../images/aixin.png"></image> |
{{index + 1}}</view> |
||||
<view> 爱心时长 {{item.kindnessTime}}小时</view> |
<image class="avatar" src="{{item.faceImg}}" /> |
||||
<image class="enter-times" src="../../images/bofangcishu.png"></image> |
<view class="info"> |
||||
<view> 参加次数 {{item.participationNum}}次</view> |
<view class="name"><view>{{item.nickname}}</view><image src="../../images/ic_dangbiaoqian.png" wx:if="{{item.partyFlag == '1'}}"/></view> |
||||
</view> |
<view class="info-detail"> |
||||
</view> |
<block wx:if="{{rankId == '0'}}"> |
||||
</view> |
<image class="heart-time" src="../../images/aixin.png"></image> |
||||
</block> |
<view> 爱心时长 {{item.kindnessTime}}小时</view> |
||||
|
</block> |
||||
<block wx:if="{{datalenght == 0}}"> |
<block wx:elif="{{rankId == '1'}}"> |
||||
<view class="project-nodata"> |
<image class="enter-times" src="../../images/bofangcishu.png"></image> |
||||
<image class="nodata-image" src="../../../../images/mine/project-nodata.png" /> |
<view> 参加次数 {{item.participationNum}}次</view> |
||||
<view class="nodata-tip">暂无排名</view> |
</block> |
||||
<view class="nodata-tip">快来参加吧</view> |
<block wx:elif="{{rankId == '2'}}"> |
||||
</view> |
<image class="enter-times" src="../../images/aixin.png"></image> |
||||
</block> |
<view> 公益积分 {{item.volunteerPoints}}分</view> |
||||
</view> |
</block> |
||||
</block> |
</view> |
||||
|
</view> |
||||
<!-- 参与记录 --> |
</view> |
||||
<view hidden="{{jilu}}"> |
</block> |
||||
<view class="tab-item"> |
|
||||
<button wx:for="{{typeList}}" wx:key="index" wx:for-index="index" bindtap="onButtonChange" hover-class="hover-btn" |
<block wx:if="{{datalenght == 0}}"> |
||||
data-type="{{item.type}}" id="item-{{ item.type }}" class="{{item.select ? 'font-w' : 'font-b'}}"> |
<view class="project-nodata"> |
||||
{{item.name}} |
<image class="nodata-image" src="../../../../images/mine/project-nodata.png" /> |
||||
</button> |
<view class="nodata-tip">暂无排名</view> |
||||
</view> |
<view class="nodata-tip">快来参加吧</view> |
||||
|
</view> |
||||
<pulldown-refresh id="pulldown-refresh" bind:pullDownRefresh="pulldownRefresh"> |
</block> |
||||
<view class="activity-list" slot="content"> |
</view> |
||||
<block wx:if="{{preloadVisible}}"> |
</block> |
||||
<preload-activity-item wx:for="{{[1,2]}}" wx:for-index="index" wx:for-item="item" wx:key="index"> |
|
||||
</preload-activity-item> |
<!-- 参与记录 --> |
||||
</block> |
<view hidden="{{jilu}}"> |
||||
<block wx:elif="{{signedList.length > 0 && !preloadVisible}}"> |
<view class="tab-item"> |
||||
<activity-item wx:for="{{signedList}}" activityItemObj="{{item}}" wx:for-index="index" wx:for-item="item" |
<button wx:for="{{typeList}}" wx:key="index" wx:for-index="index" bindtap="onButtonChange" hover-class="hover-btn" |
||||
bind:toDetail="toDetail" actType="{{selectedTab}}" wx:key="{{index}}"> |
data-type="{{item.type}}" id="item-{{ item.type }}" class="{{item.select ? 'font-w' : 'font-b'}}"> |
||||
</activity-item> |
{{item.name}} |
||||
</block> |
</button> |
||||
<view class="no-data" wx:elif="{{signedList.length === 0 && !preloadVisible}}">暂无数据</view> |
</view> |
||||
</view> |
|
||||
</pulldown-refresh> |
<pulldown-refresh id="pulldown-refresh" bind:pullDownRefresh="pulldownRefresh"> |
||||
|
<view class="activity-list" slot="content"> |
||||
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more> |
<block wx:if="{{preloadVisible}}"> |
||||
</view> |
<preload-activity-item wx:for="{{[1,2]}}" wx:for-index="index" wx:for-item="item" wx:key="index"> |
||||
|
</preload-activity-item> |
||||
|
</block> |
||||
|
<block wx:elif="{{signedList.length > 0 && !preloadVisible}}"> |
||||
|
<activity-item wx:for="{{signedList}}" activityItemObj="{{item}}" wx:for-index="index" wx:for-item="item" |
||||
|
bind:toDetail="toDetail" actType="{{selectedTab}}" wx:key="{{index}}"> |
||||
|
</activity-item> |
||||
|
</block> |
||||
|
<view class="no-data" wx:elif="{{signedList.length === 0 && !preloadVisible}}">暂无数据</view> |
||||
|
</view> |
||||
|
</pulldown-refresh> |
||||
|
|
||||
|
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more> |
||||
|
</view> |
||||
|
@ -1,269 +1,308 @@ |
|||||
page { |
page { |
||||
background: #f7f7f7; |
background: #f7f7f7; |
||||
} |
} |
||||
|
|
||||
.tab-bar { |
.tab-bar { |
||||
margin-top: 16rpx; |
margin-top: 16rpx; |
||||
width: 100%; |
width: 100%; |
||||
height: 90rpx; |
height: 90rpx; |
||||
background: #fff; |
background: #fff; |
||||
display: flex; |
display: flex; |
||||
justify-content: space-around; |
justify-content: space-around; |
||||
position: relative; |
position: relative; |
||||
} |
} |
||||
|
|
||||
.tab-bar .tab { |
.tab-bar .tab { |
||||
flex: 1; |
flex: 1; |
||||
height: 90rpx; |
height: 90rpx; |
||||
line-height: 90rpx; |
line-height: 90rpx; |
||||
text-align: center; |
text-align: center; |
||||
width: 50%; |
width: 50%; |
||||
font-size: 32rpx; |
font-size: 32rpx; |
||||
font-weight: 500; |
font-weight: 500; |
||||
color: rgba(153, 153, 153, 1); |
color: rgba(153, 153, 153, 1); |
||||
} |
} |
||||
|
|
||||
.tab-bar .select-tab { |
.tab-bar .select-tab { |
||||
color: #E50F00; |
color: #E50F00; |
||||
font-size: 32rpx; |
font-size: 32rpx; |
||||
font-weight: bold; |
font-weight: bold; |
||||
} |
} |
||||
|
|
||||
.tab-bar .select-bar { |
.tab-bar .select-bar { |
||||
width: 40rpx; |
width: 40rpx; |
||||
height: 8rpx; |
height: 8rpx; |
||||
border-radius: 5rpx; |
border-radius: 5rpx; |
||||
background: #E50F00; |
background: #E50F00; |
||||
position: absolute; |
position: absolute; |
||||
bottom: 0rpx; |
bottom: 0rpx; |
||||
} |
} |
||||
|
|
||||
.tab-bar .select-bar.tab1 { |
.tab-bar .select-bar.tab1 { |
||||
left: calc(25% - 15rpx); |
left: calc(25% - 15rpx); |
||||
transition: left linear 0.4s; |
transition: left linear 0.4s; |
||||
} |
} |
||||
|
|
||||
.tab-bar .select-bar.tab2 { |
.tab-bar .select-bar.tab2 { |
||||
left: calc(75% - 15rpx); |
left: calc(75% - 15rpx); |
||||
transition: left linear 0.4s; |
transition: left linear 0.4s; |
||||
} |
} |
||||
|
|
||||
/* 参与记录 */ |
/* 参与记录 */ |
||||
.tab-item { |
.tab-item { |
||||
background: #fff; |
background: #fff; |
||||
height: 80rpx; |
height: 80rpx; |
||||
width: calc(100% - 60rpx); |
width: calc(100% - 60rpx); |
||||
padding: 0 30rpx; |
padding: 0 30rpx; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
} |
} |
||||
|
|
||||
.tab-item button { |
.tab-item button { |
||||
position: relative; |
position: relative; |
||||
display: inline-block; |
display: inline-block; |
||||
/* margin: 0 42rpx 0 0; */ |
/* margin: 0 42rpx 0 0; */ |
||||
flex-shrink: 0; |
flex-shrink: 0; |
||||
/* width: auto !important; */ |
/* width: auto !important; */ |
||||
width: 164rpx; |
width: 164rpx; |
||||
height: 52rpx; |
height: 52rpx; |
||||
min-height: 52rpx !important; |
min-height: 52rpx !important; |
||||
line-height: 52rpx; |
line-height: 52rpx; |
||||
border-radius: 30rpx; |
border-radius: 30rpx; |
||||
padding: 0 20rpx; |
padding: 0 20rpx; |
||||
} |
} |
||||
|
|
||||
button::after { |
button::after { |
||||
border: 0rpx; |
border: 0rpx; |
||||
} |
} |
||||
|
|
||||
.tab-item .font-w { |
.tab-item .font-w { |
||||
font-size: 30rpx; |
font-size: 30rpx; |
||||
font-weight: bold; |
font-weight: bold; |
||||
color: #fff; |
color: #fff; |
||||
background: linear-gradient(to right, #e95027, #db1a1f); |
background: linear-gradient(to right, #e95027, #db1a1f); |
||||
} |
} |
||||
|
|
||||
.tab-item .font-b { |
.tab-item .font-b { |
||||
background: #fff; |
background: #fff; |
||||
font-size: 30rpx; |
font-size: 30rpx; |
||||
font-weight: 500; |
font-weight: 500; |
||||
color: #333; |
color: #333; |
||||
border: 1rpx solid #dbdbdb; |
border: 1rpx solid #dbdbdb; |
||||
} |
} |
||||
|
|
||||
.tab-item .hover-btn { |
.tab-item .hover-btn { |
||||
box-shadow: 0px 0px 10px 0px rgba(188, 0, 5, 0.22); |
box-shadow: 0px 0px 10px 0px rgba(188, 0, 5, 0.22); |
||||
} |
} |
||||
|
|
||||
|
|
||||
/* 爱心排行 */ |
/* 爱心排行 */ |
||||
.bottom { |
.bottom { |
||||
width: 100%; |
width: 100%; |
||||
box-sizing: border-box; |
box-sizing: border-box; |
||||
background: #fff; |
background: #f7f7f7; |
||||
margin-top: 4rpx; |
/* margin-top: 4rpx; */ |
||||
/* padding: 0 30rpx; */ |
/* padding: 0 30rpx; */ |
||||
} |
} |
||||
.padding{ |
.padding{ |
||||
padding: 0 30rpx; |
/* padding: 0 30rpx; */ |
||||
} |
} |
||||
|
|
||||
|
|
||||
.bottom .love-ranking-list { |
.bottom .love-ranking-list { |
||||
width: 100%; |
width: 100%; |
||||
background: #fff; |
background: #fff; |
||||
border-radius: 16rpx; |
border-radius: 16rpx; |
||||
box-sizing: border-box; |
box-sizing: border-box; |
||||
padding: 0 20rpx; |
padding: 0 20rpx; |
||||
position: relative; |
position: relative; |
||||
top: -10rpx; |
top: -10rpx; |
||||
} |
} |
||||
|
|
||||
.bottom .list-item { |
.bottom .list-item { |
||||
width: 100%; |
width: 100%; |
||||
height: 140rpx; |
height: 140rpx; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
} |
background-color: #fff; |
||||
|
box-sizing: border-box; |
||||
.bottom .list-item+.list-item { |
padding: 0 30rpx; |
||||
border-top: 1rpx solid #e5e5e5; |
} |
||||
} |
|
||||
|
.bottom .list-item+.list-item { |
||||
.bottom .list-item .num { |
border-top: 1rpx solid #e5e5e5; |
||||
font-size: 36rpx; |
} |
||||
color: #333; |
|
||||
font-weight: bolder; |
.bottom .list-item .num { |
||||
width: 60rpx; |
font-size: 36rpx; |
||||
text-indent: 6rpx; |
color: #333; |
||||
} |
font-weight: bolder; |
||||
|
width: 60rpx; |
||||
.bottom .list-item .num.color1 { |
text-indent: 6rpx; |
||||
color: #D42E31; |
} |
||||
} |
|
||||
|
.bottom .list-item .num.color1 { |
||||
.bottom .list-item .num.color2 { |
color: #D42E31; |
||||
color: #DD5800; |
} |
||||
} |
|
||||
|
.bottom .list-item .num.color2 { |
||||
.bottom .list-item .num.color3 { |
color: #DD5800; |
||||
color: #FFA800; |
} |
||||
} |
|
||||
|
.bottom .list-item .num.color3 { |
||||
.bottom .list-item .avatar { |
color: #FFA800; |
||||
width: 90rpx; |
} |
||||
height: 90rpx; |
|
||||
object-fit: cover; |
.bottom .list-item .avatar { |
||||
border-radius: 50%; |
width: 90rpx; |
||||
margin-right: 15rpx; |
height: 90rpx; |
||||
} |
object-fit: cover; |
||||
|
border-radius: 50%; |
||||
.bottom .list-item .info { |
margin-right: 15rpx; |
||||
width: calc(100% - 105rpx); |
} |
||||
} |
|
||||
|
.bottom .list-item .info { |
||||
.bottom .list-item .info .name { |
width: calc(100% - 105rpx); |
||||
font-size: 32rpx; |
} |
||||
color: #333; |
|
||||
line-height: 52rpx; |
.bottom .list-item .info .name { |
||||
overflow: hidden; |
font-size: 32rpx; |
||||
text-overflow: ellipsis; |
color: #333; |
||||
display: -webkit-box; |
line-height: 52rpx; |
||||
-webkit-line-clamp: 1; |
overflow: hidden; |
||||
-webkit-box-orient: vertical; |
text-overflow: ellipsis; |
||||
display: flex; |
display: -webkit-box; |
||||
align-items: center; |
-webkit-line-clamp: 1; |
||||
} |
-webkit-box-orient: vertical; |
||||
.bottom .list-item .info .name image { |
display: flex; |
||||
width: 30rpx; |
align-items: center; |
||||
height: 30rpx; |
} |
||||
margin-left: 10rpx; |
.bottom .list-item .info .name image { |
||||
} |
width: 30rpx; |
||||
|
height: 30rpx; |
||||
.bottom .list-item .info .info-detail { |
margin-left: 10rpx; |
||||
font-size: 24rpx; |
} |
||||
color: #999; |
|
||||
display: flex; |
.bottom .list-item .info .info-detail { |
||||
align-items: center; |
font-size: 24rpx; |
||||
} |
color: #999; |
||||
|
display: flex; |
||||
.bottom .list-item .info .info-detail .heart-time { |
align-items: center; |
||||
width: 24rpx; |
} |
||||
height: 24rpx; |
|
||||
object-fit: cover; |
.bottom .list-item .info .info-detail .heart-time { |
||||
margin-right: 6rpx; |
width: 24rpx; |
||||
} |
height: 24rpx; |
||||
|
object-fit: cover; |
||||
.bottom .list-item .info .info-detail .enter-times { |
margin-right: 6rpx; |
||||
width: 24rpx; |
} |
||||
height: 24rpx; |
|
||||
object-fit: cover; |
.bottom .list-item .info .info-detail .enter-times { |
||||
margin-right: 6rpx; |
width: 24rpx; |
||||
margin-left: 20rpx; |
height: 24rpx; |
||||
} |
object-fit: cover; |
||||
|
margin-right: 6rpx; |
||||
.project-nodata { |
/* margin-left: 20rpx; */ |
||||
width: 100%; |
} |
||||
height: calc(100vh - 300rpx); |
|
||||
background: #f7f7f7; |
.project-nodata { |
||||
display: flex; |
width: 100%; |
||||
flex-direction: column; |
height: calc(100vh - 300rpx); |
||||
align-items: center; |
background: #f7f7f7; |
||||
justify-content: center; |
display: flex; |
||||
} |
flex-direction: column; |
||||
|
align-items: center; |
||||
.project-nodata .nodata-image { |
justify-content: center; |
||||
width: 256rpx; |
} |
||||
height: 245rpx; |
|
||||
object-fit: cover; |
.project-nodata .nodata-image { |
||||
} |
width: 256rpx; |
||||
|
height: 245rpx; |
||||
.project-nodata .nodata-tip { |
object-fit: cover; |
||||
font-size: 28rpx; |
} |
||||
color: #bcbcbc; |
|
||||
height: 50rpx; |
.project-nodata .nodata-tip { |
||||
line-height: 50rpx; |
font-size: 28rpx; |
||||
} |
color: #bcbcbc; |
||||
|
height: 50rpx; |
||||
|
line-height: 50rpx; |
||||
/* 参与记录样式 */ |
} |
||||
|
|
||||
.activity-list { |
|
||||
width: 100%; |
/* 参与记录样式 */ |
||||
min-height: calc(100vh - 500rpx); |
|
||||
box-sizing: border-box; |
.activity-list { |
||||
padding: 15rpx 20rpx; |
width: 100%; |
||||
} |
min-height: calc(100vh - 500rpx); |
||||
.activity-list .no-data { |
box-sizing: border-box; |
||||
width:100%; |
padding: 15rpx 20rpx; |
||||
height: calc(100vh - 538rpx); |
} |
||||
display: flex; |
.activity-list .no-data { |
||||
align-items: center; |
width:100%; |
||||
justify-content: center; |
height: calc(100vh - 538rpx); |
||||
font-size: 30rpx; |
display: flex; |
||||
color: #999; |
align-items: center; |
||||
background: #f7f7f7; |
justify-content: center; |
||||
} |
font-size: 30rpx; |
||||
.banner{ |
color: #999; |
||||
width: 100%; |
background: #f7f7f7; |
||||
height: 500rpx; |
} |
||||
background: #fff; |
.banner{ |
||||
display: flex; |
width: 100%; |
||||
align-items: center; |
height: 500rpx; |
||||
justify-content: space-around; |
background: #fff; |
||||
} |
display: flex; |
||||
.banner image{ |
align-items: center; |
||||
width: 310rpx; |
justify-content: space-around; |
||||
height: 440rpx; |
} |
||||
} |
.banner image{ |
||||
|
width: 310rpx; |
||||
.banner .swiper { |
height: 440rpx; |
||||
width: 100%; |
} |
||||
height: 100%; |
|
||||
} |
.banner .swiper { |
||||
.banner .swiper .swiper-item { |
width: 100%; |
||||
display: flex; |
height: 100%; |
||||
flex-direction: row; |
} |
||||
justify-content: center; |
.banner .swiper .swiper-item { |
||||
align-items: center; |
display: flex; |
||||
} |
flex-direction: row; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.scroll-tag { |
||||
|
height: 80rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 10rpx; |
||||
|
} |
||||
|
.volunteer-tag { |
||||
|
background: rgba(255, 255, 255, 1); |
||||
|
display: flex; |
||||
|
white-space: nowrap; |
||||
|
flex-direction: row; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
height: 80rpx; |
||||
|
} |
||||
|
.volunteer-tag .tag { |
||||
|
border: 1px solid #999999; |
||||
|
border-radius: 32rpx; |
||||
|
padding: 0 10rpx; |
||||
|
margin: 0 10rpx; |
||||
|
font-size: 28rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #333333; |
||||
|
min-width: 140rpx; |
||||
|
text-align: center; |
||||
|
height: 52rpx; |
||||
|
line-height: 52rpx; |
||||
|
} |
||||
|
.volunteer-tag .sel { |
||||
|
border: 1px solid #da433d; |
||||
|
background-color: #da433d; |
||||
|
color: #fff; |
||||
|
font-weight: bold; |
||||
|
} |
File diff suppressed because it is too large
@ -1,185 +1,194 @@ |
|||||
<wux-dialog id="wux-dialog" /> |
<wux-dialog id="wux-dialog" /> |
||||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
||||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/49/rBAB71-aUhaAXIyeAADY71bhqjs551.png" /> |
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/49/rBAB71-aUhaAXIyeAADY71bhqjs551.png" /> |
||||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
||||
<view class="goback" bindtap="goback"> |
<view class="goback" bindtap="goback"> |
||||
<image src="../../images/goback.png" /> |
<image src="../../images/goback.png" /> |
||||
</view> |
</view> |
||||
<view class="title" bindtap="goback"> |
<view class="title" bindtap="goback"> |
||||
<view class="title-right">志愿者去哪儿</view> |
<view class="title-right">志愿者去哪儿</view> |
||||
</view> |
</view> |
||||
<!-- 志愿者去哪儿 --> |
<!-- 志愿者去哪儿 --> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="container" style="margin-top: {{statusHeight + navigationHeight}}px"> |
<view class="container" style="margin-top: {{statusHeight + navigationHeight}}px"> |
||||
<view class="top-bg"> |
<view class="top-bg"> |
||||
<image src="{{getImgUrl.imgUrl}}" /> |
<image src="{{getImgUrl.imgUrl}}" /> |
||||
</view> |
</view> |
||||
<view class="position-absolute"> |
<view class="position-absolute"> |
||||
<!-- 基本信息 --> |
<!-- 基本信息 --> |
||||
<view class="basic-info"> |
<view class="basic-info"> |
||||
<view class="info-box"> |
<view class="info-box"> |
||||
<view class="info-left header-title"> |
<view class="info-left header-title"> |
||||
基本信息 |
基本信息 |
||||
</view> |
</view> |
||||
<view class="clear"></view> |
<view class="clear"></view> |
||||
</view> |
</view> |
||||
<view class="list-item real-name"> |
<view class="list-item real-name"> |
||||
<view class="left"> |
<view class="left"> |
||||
<text class="must">*</text> |
<text class="must">*</text> |
||||
<view class="title">姓名</view> |
<view class="title">姓名</view> |
||||
</view> |
</view> |
||||
<view class="right"> |
<view class="right"> |
||||
<input maxlength="20" confirm-type="next" bindblur="bindRealNameInput" bindinput="bindRealNameInput" value="{{realName}}" placeholder-class="placeholder-style" placeholder="请输入姓名" /> |
<input maxlength="20" confirm-type="next" bindblur="bindRealNameInput" bindinput="bindRealNameInput" value="{{realName}}" placeholder-class="placeholder-style" placeholder="请输入姓名" /> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="list-item identity-no"> |
<view class="list-item identity-no"> |
||||
<view class="left"> |
<view class="left"> |
||||
<text class="must">*</text> |
<text class="must">*</text> |
||||
<view class="title">身份证号</view> |
<view class="title">身份证号</view> |
||||
</view> |
</view> |
||||
<view class="right"> |
<view class="right"> |
||||
<input type="idcard" bindblur="bindIdentityNoInput" bindinput="bindIdentityNoInput" value="{{identityNo}}" placeholder-class="placeholder-style" placeholder="实名认证请输入身份证" /> |
<input type="idcard" bindblur="bindIdentityNoInput" bindinput="bindIdentityNoInput" value="{{identityNo}}" placeholder-class="placeholder-style" placeholder="实名认证请输入身份证" /> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="list-item mobile" wx:if="{{getMobileType === 'wx'}}"> |
<view class="list-item mobile" wx:if="{{getMobileType === 'wx'}}"> |
||||
<view class="left"> |
<view class="left"> |
||||
<text class="must">*</text> |
<text class="must">*</text> |
||||
<view class="title">手机号</view> |
<view class="title">手机号</view> |
||||
</view> |
</view> |
||||
<view class="right"> |
<view class="right"> |
||||
<input wx:if="{{mobile}}" disabled="{{true}}" type="number" bindblur="bindMobileInput" bindinput="bindMobileInput" value="{{mobile}}" placeholder-class="placeholder-style" placeholder="请获取手机号" /> |
<input wx:if="{{mobile}}" disabled="{{true}}" type="number" bindblur="bindMobileInput" bindinput="bindMobileInput" value="{{mobile}}" placeholder-class="placeholder-style" placeholder="请获取手机号" /> |
||||
<button hover-class="button-hover" class="get-code" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">{{mobile ? '重新获取' : '获取手机号'}}</button> |
<button hover-class="button-hover" class="get-code" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">{{mobile ? '重新获取' : '获取手机号'}}</button> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="list-item mobile" wx:if="{{getMobileType === 'self'}}"> |
<view class="list-item mobile" wx:if="{{getMobileType === 'self'}}"> |
||||
<view class="left"> |
<view class="left"> |
||||
<text class="must">*</text> |
<text class="must">*</text> |
||||
<view class="title">手机号</view> |
<view class="title">手机号</view> |
||||
</view> |
</view> |
||||
<view class="right"> |
<view class="right"> |
||||
<input type="number" bindblur="bindMobileInput" bindinput="bindMobileInput" value="{{mobile}}" placeholder-class="placeholder-style" placeholder="请输入手机号" /> |
<input type="number" bindblur="bindMobileInput" bindinput="bindMobileInput" value="{{mobile}}" placeholder-class="placeholder-style" placeholder="请输入手机号" /> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="list-item sms-code" wx:if="{{getMobileType === 'self'}}"> |
<view class="list-item sms-code" wx:if="{{getMobileType === 'self'}}"> |
||||
<view class="left"> |
<view class="left"> |
||||
<text class="must">*</text> |
<text class="must">*</text> |
||||
<view class="title">验证码</view> |
<view class="title">验证码</view> |
||||
</view> |
</view> |
||||
<view class="right code"> |
<view class="right code"> |
||||
<input bindblur="bindSmsCodeInput" bindinput="bindSmsCodeInput" value="{{smsCode}}" placeholder-class="placeholder-style" placeholder="请输入验证码" /> |
<input bindblur="bindSmsCodeInput" bindinput="bindSmsCodeInput" value="{{smsCode}}" placeholder-class="placeholder-style" placeholder="请输入验证码" /> |
||||
<button disabled="{{smsCodeText !== '获取验证码'}}" bindtap="getSmsCode" hover-class="button-hover" class="get-code">{{smsCodeText}}</button> |
<button disabled="{{smsCodeText !== '获取验证码'}}" bindtap="getSmsCode" hover-class="button-hover" class="get-code">{{smsCodeText}}</button> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
|
|
||||
<view class="note" bindtap="changeGetMobileType">{{getMobileType === 'wx' ? '*如若获取手机号异常,请点击切换至手机号/验证码注册方式' : '*点击可切回至从微信获取手机号注册方式'}}</view> |
<view class="note" bindtap="changeGetMobileType">{{getMobileType === 'wx' ? '*如若获取手机号异常,请点击切换至手机号/验证码注册方式' : '*点击可切回至从微信获取手机号注册方式'}}</view> |
||||
<!-- 头像 --> |
<!-- 头像 --> |
||||
<view class="my-info magin-top"> |
<view class="my-info magin-top"> |
||||
<view class="head-portrait"> |
<view class="head-portrait"> |
||||
<view class="head-portrait-name"><text class="must">*</text>头像</view> |
<view class="head-portrait-name"><text class="must">*</text>头像</view> |
||||
<view class="head-portrait-image" bindtap="chooseImage"> |
<view class="head-portrait-image" bindtap="chooseImage"> |
||||
<image class="photo" src="{{volunteerFaceImg}}"></image> |
<image class="photo" src="{{volunteerFaceImg}}"></image> |
||||
<image class="photo-right" src="../../images/ic_jinruxiayiye@2x.png"></image> |
<image class="photo-right" src="../../images/ic_jinruxiayiye@2x.png"></image> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="head-portrait"> |
<view class="head-portrait"> |
||||
<view class="head-portrait-name"><text class="must">*</text>昵称</view> |
<view class="head-portrait-name"><text class="must">*</text>昵称</view> |
||||
<view class="nickname"> |
<view class="nickname"> |
||||
<input class="nicknameinput" bindblur="nickname" bindinput="nickname" value="{{volunteerNickname}}" placeholder-class="placeholder-style" placeholder="请输入您的昵称" /> |
<input class="nicknameinput" bindblur="nickname" bindinput="nickname" value="{{volunteerNickname}}" placeholder-class="placeholder-style" placeholder="请输入您的昵称" /> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="head-portrait"> |
<view class="head-portrait"> |
||||
<view class="head-portrait-name">选择小组</view> |
<view class="head-portrait-name">选择小组</view> |
||||
<!-- <view class="time">{{volunteerTag.tag}}</view> --> |
<!-- <view class="time">{{volunteerTag.tag}}</view> --> |
||||
<picker bindchange="choosePicker" value="{{tagIndex}}" range="{{tagList}}" range-key="tagName"> |
<picker bindchange="choosePicker" value="{{tagIndex}}" range="{{tagList}}" range-key="tagName"> |
||||
<view class="picker"> |
<view class="picker"> |
||||
{{tagList[tagIndex].tagName}} |
{{tagList[tagIndex].tagName}} |
||||
</view> |
</view> |
||||
</picker> |
</picker> |
||||
</view> |
</view> |
||||
<view class="head-portrait-last"> |
<view class="head-portrait"> |
||||
<view class="head-portrait-name-last">格言</view> |
<view class="head-portrait-name">选择部门</view> |
||||
</view> |
<!-- <view class="time">{{volunteerTag.tag}}</view> --> |
||||
<view class="info-box-last-v2"> |
<picker bindchange="choosePicker2" value="{{deptIndex}}" range="{{deptList}}" range-key="deptName"> |
||||
<view class="introduce"> |
<view class="picker"> |
||||
<textarea disabled= '{{disabled}}' placeholder-class="placeholder-style" value="{{volunteerSignature}}" placeholder="请输入您的格言" bindblur="volunteerSignature" bindinput="volunteerSignature" maxlength="20"></textarea> |
{{deptList[deptIndex].deptName}} |
||||
</view> |
</view> |
||||
</view> |
</picker> |
||||
|
</view> |
||||
|
<view class="head-portrait-last"> |
||||
</view> |
<view class="head-portrait-name-last">格言</view> |
||||
|
</view> |
||||
<!-- 居住地址 --> |
<view class="info-box-last-v2"> |
||||
<view class="info magin-top"> |
<view class="introduce"> |
||||
<view class="info-box"> |
<textarea disabled= '{{disabled}}' placeholder-class="placeholder-style" value="{{volunteerSignature}}" placeholder="请输入您的格言" bindblur="volunteerSignature" bindinput="volunteerSignature" maxlength="20"></textarea> |
||||
<view class="info-left header-title"> |
</view> |
||||
居住地址 |
</view> |
||||
</view> |
|
||||
<view class="clear"></view> |
|
||||
</view> |
</view> |
||||
|
|
||||
<view class="info-box"> |
<!-- 居住地址 --> |
||||
<view class="address name"> |
<view class="info magin-top"> |
||||
{{gridName}} |
<view class="info-box"> |
||||
</view> |
<view class="info-left header-title"> |
||||
</view> |
居住地址 |
||||
|
</view> |
||||
<view class="info-box"> |
<view class="clear"></view> |
||||
<view class="address name"> |
</view> |
||||
<input placeholder-class="placeholder-style" placeholder="请输入所在小区或所在道路" controlled value="{{road}}" bind:change="adInputStreet"></input> |
|
||||
</view> |
<!-- <view class="info-box"> |
||||
<view class="clear"></view> |
<view class="address name"> |
||||
</view> |
{{gridName}} |
||||
|
</view> |
||||
<!-- <view class="info-box"> |
</view> --> |
||||
<view class="address name"> |
|
||||
<input placeholder="小区名称" controlled value="{{villageName}}" bind:change="adInputCommunity"></input> |
<view class="info-box"> |
||||
</view> |
<view class="address name"> |
||||
<view class="clear"></view> |
<input placeholder-class="placeholder-style" placeholder="请输入所在小区或所在道路" controlled value="{{road}}" bind:change="adInputStreet"></input> |
||||
</view> --> |
</view> |
||||
|
<view class="clear"></view> |
||||
<!-- <view class="info-box-last"> |
</view> |
||||
<view class="address name"> |
|
||||
<input placeholder="详细地址 (楼栋号/单元/室)" controlled value="{{dwellingPlace}}" bind:change="adInputBuilding"></input> |
<!-- <view class="info-box"> |
||||
</view> |
<view class="address name"> |
||||
<view class="clear"></view> |
<input placeholder="小区名称" controlled value="{{villageName}}" bind:change="adInputCommunity"></input> |
||||
</view> --> |
</view> |
||||
</view> |
<view class="clear"></view> |
||||
|
</view> --> |
||||
<!-- 居住地址 --> |
|
||||
<!-- <view class="info magin-top"> |
<!-- <view class="info-box-last"> |
||||
<view class="info-box"> |
<view class="address name"> |
||||
<view class="info-left header"> |
<input placeholder="详细地址 (楼栋号/单元/室)" controlled value="{{dwellingPlace}}" bind:change="adInputBuilding"></input> |
||||
自我介绍 |
</view> |
||||
</view> |
<view class="clear"></view> |
||||
<view class="clear"></view> |
</view> --> |
||||
</view> |
</view> |
||||
|
|
||||
<view class="info-box-last"> |
<!-- 居住地址 --> |
||||
<view class="introduce"> |
<!-- <view class="info magin-top"> |
||||
<textarea disabled= '{{disabled}}' placeholder-class="placeholder-style" value="{{introduce}}" placeholder="请输入自我介绍、是否参加过公益活动、参加了哪些公益活动" bindblur="adInputIntroduce" bindinput="adInputIntroduce" maxlength="500"></textarea> |
<view class="info-box"> |
||||
</view> |
<view class="info-left header"> |
||||
</view> |
自我介绍 |
||||
</view> --> |
</view> |
||||
|
<view class="clear"></view> |
||||
<view class="submit-btn" wx:if="{{unionIdStatus === '1'}}"> |
</view> |
||||
<button hover-class="hover-button" bindtap="submission" disabled="{{lock}}"> |
|
||||
<image src="../../images/submit-bk.png" /> |
<view class="info-box-last"> |
||||
<text >提交认证</text> |
<view class="introduce"> |
||||
</button> |
<textarea disabled= '{{disabled}}' placeholder-class="placeholder-style" value="{{introduce}}" placeholder="请输入自我介绍、是否参加过公益活动、参加了哪些公益活动" bindblur="adInputIntroduce" bindinput="adInputIntroduce" maxlength="500"></textarea> |
||||
</view> |
</view> |
||||
|
</view> |
||||
<view class="submit-btn" wx:elif="{{unionIdStatus === '0'}}"> |
</view> --> |
||||
<button hover-class="hover-button" open-type="getUserInfo" bindgetuserinfo="getUserInfo" disabled="{{lock}}"> |
|
||||
<image src="../../images/submit-bk.png" /> |
<view class="submit-btn" wx:if="{{unionIdStatus === '1'}}"> |
||||
<text >提交认证</text> |
<button hover-class="hover-button" bindtap="submission" disabled="{{lock}}"> |
||||
</button> |
<image src="../../images/submit-bk.png" /> |
||||
</view> |
<text >提交认证</text> |
||||
|
</button> |
||||
</view> |
</view> |
||||
</view> |
|
||||
|
<view class="submit-btn" wx:elif="{{unionIdStatus === '0'}}"> |
||||
<coverview-dialog bind:close="confirmDialog" bind:confirm="confirmDialog" dialogVisible="{{dialogVisible}}" title="{{dialogTitle}}" content="{{dialogContent}}" confirmText="{{dialogConfirmText}}" cancelText="{{dialogCancelText}}"> |
<button hover-class="hover-button" open-type="getUserInfo" bindgetuserinfo="getUserInfo" disabled="{{lock}}"> |
||||
</coverview-dialog> |
<image src="../../images/submit-bk.png" /> |
||||
|
<text >提交认证</text> |
||||
|
</button> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<coverview-dialog bind:close="confirmDialog" bind:confirm="confirmDialog" dialogVisible="{{dialogVisible}}" title="{{dialogTitle}}" content="{{dialogContent}}" confirmText="{{dialogConfirmText}}" cancelText="{{dialogCancelText}}"> |
||||
|
</coverview-dialog> |
||||
<wux-actionsheet id="wux-actionsheet" /> |
<wux-actionsheet id="wux-actionsheet" /> |
File diff suppressed because it is too large
Loading…
Reference in new issue