19 changed files with 1617 additions and 1435 deletions
@ -1,39 +1,39 @@ |
|||
<view class="layout" wx:for="{{activityList}}"> |
|||
<view data-id="{{item.id}}" |
|||
data-actCurrentState="{{item.actCurrentState}}" |
|||
data-signupFlag="{{item.signupFlag}}" |
|||
bindtap="toActDetail"> |
|||
<view class="img"> |
|||
<image class="imgsrc" src="{{item.headPic}}" mode="aspectFill"/> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='0'}}">报名中</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='1'}}">已报满</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='2'}}">未开始</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='3'}}">进行中</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='4'}}">已结束</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='5'}}">已取消</view> |
|||
</view> |
|||
<view class="infos"> |
|||
<view class="infos_title">{{item.title}}</view> |
|||
<view class="infos_times"> |
|||
<view> |
|||
<image class="imgsize" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A6WAcS1lAAABQRNkl7Y828.png" /> |
|||
活动时间:{{item.actStartTime}}至 |
|||
</view> |
|||
<view class="endtime">{{item.actEndTime}}</view> |
|||
<view> |
|||
<image class="imgsize" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A7-AKfhbAAABTg-ZMDk458.png" /> |
|||
<text>活动地点:{{item.actAddress}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="infos_nums"> |
|||
|
|||
<span wx:if="{{item.actQuotaCategory == 0}}" class="total">不限名额</span> |
|||
<span wx:else class="total">活动名额 {{item.actQuota}}人</span> |
|||
<span class="signed">已报名 {{item.signupNum}}人</span> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<image class="signed-logo" wx:if="{{item.signupFlag=='1'}}" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A-CAIEeKAABSBTxj8ns662.png" /> |
|||
</view> |
|||
<!-- <view hidden="{{nomore}}" class="loadmore">上滑加载更多</view> |
|||
<view class="layout" wx:for="{{activityList}}"> |
|||
<view data-id="{{item.id}}" |
|||
data-actCurrentState="{{item.actCurrentState}}" |
|||
data-signupFlag="{{item.signupFlag}}" |
|||
bindtap="toActDetail"> |
|||
<view class="img"> |
|||
<image class="imgsrc" src="{{item.headPic}}" mode="aspectFill"/> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='0'}}">报名中</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='1'}}">已报满</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='2'}}">未开始</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='3'}}">进行中</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='4'}}">已结束</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='5'}}">已取消</view> |
|||
</view> |
|||
<view class="infos"> |
|||
<view class="infos_title">{{item.title}}</view> |
|||
<view class="infos_times"> |
|||
<view> |
|||
<image class="imgsize" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A6WAcS1lAAABQRNkl7Y828.png" /> |
|||
活动时间:{{item.actStartTime}}至 |
|||
</view> |
|||
<view class="endtime">{{item.actEndTime}}</view> |
|||
<view> |
|||
<image class="imgsize" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A7-AKfhbAAABTg-ZMDk458.png" /> |
|||
<text>活动地点:{{item.actAddress}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="infos_nums" wx:if="{{!(state==2&&item.actCurrentState=='4')}}"> |
|||
|
|||
<span wx:if="{{item.actQuotaCategory == 0}}" class="total">不限名额</span> |
|||
<span wx:else class="total">活动名额 {{item.actQuota}}人</span> |
|||
<span class="signed">已报名 {{item.signupNum}}人</span> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<image class="signed-logo" wx:if="{{item.signupFlag=='1'}}" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A-CAIEeKAABSBTxj8ns662.png" /> |
|||
</view> |
|||
<!-- <view hidden="{{nomore}}" class="loadmore">上滑加载更多</view> |
|||
<view hidden="{{!nomore}}" class="loadmore">没有更多了~</view> --> |
After Width: | Height: | Size: 9.3 KiB |
@ -1,90 +1,90 @@ |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-w6AJBH6AAAk6D4lsPc207.png" /> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
|||
<view class="goback" bindtap="goback"> |
|||
<image src="../../images/goback.png" /> |
|||
</view> |
|||
<view class="title" bindtap="goback"> |
|||
<view class="title-right">志愿者去哪儿</view> |
|||
</view> |
|||
<!-- 志愿者去哪儿 --> |
|||
</view> |
|||
</view> |
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
<view class="belong-grid"> |
|||
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-u6ATTx1AAEZrXGthow458.png" /> |
|||
<view class="newbelong-grid"> |
|||
<view class="grid"> |
|||
<image src="{{getImgUrl}}" /> |
|||
</view> |
|||
<view class="volunteer" bindtap="govolunteer"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717MhrKAB80nAAApr5c7VJQ292.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="banner-main"> |
|||
<view class="page-body"> |
|||
<view class="page-section page-section-spacing swiper"> |
|||
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" bindchange="swiperChange"> |
|||
<block wx:if="{{banner.length > 0}}"> |
|||
<block wx:for="{{banner}}" wx:key="*this"> |
|||
<swiper-item> |
|||
<view class="swiper-item" data-id="{{item.actId}}"> |
|||
<image class="banner" src='{{item.bannerImg}}' mode="aspectFill" /> |
|||
</view> |
|||
</swiper-item> |
|||
</block> |
|||
</block> |
|||
<block wx:else> |
|||
<swiper-item> |
|||
<view> |
|||
<image class="banner" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717N1ouAPcXVAAJZd_4ygpQ518.jpg" mode="aspectFill" /> |
|||
</view> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
<!-- 重置小圆点的样式 --> |
|||
<view class="dots"> |
|||
<block wx:for="{{ banner }}" wx:key="index"> |
|||
<view class="dot {{index == currentSwiper ? ' active' : '' }}"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="tab-all"> |
|||
<view class="tab-bar"> |
|||
<view class="tab tab0 {{selectedTab === 'tab0' ? 'select' : ''}}" data-tab="tab0" bindtap="tabBarChange"> |
|||
订单多多 |
|||
</view> |
|||
<view class="tab tab1 {{selectedTab === 'tab1' ? 'select' : ''}}" data-tab="tab1" bindtap="tabBarChange"> |
|||
志友朵朵 |
|||
</view> |
|||
<view class="tab tab2 {{selectedTab === 'tab2' ? 'select' : ''}}" data-tab="tab2" bindtap="tabBarChange"> |
|||
精彩说说 |
|||
</view> |
|||
<view class="tab tab3 {{selectedTab === 'tab3' ? 'select' : ''}}" data-tab="tab3" bindtap="tabBarChange"> |
|||
积分火火 |
|||
</view> |
|||
<view class="select-bar {{selectedTab}}"></view> |
|||
</view> |
|||
</view> |
|||
<!-- 订单多多列表 --> |
|||
<view class="details-top" hidden="{{dingdan}}"> |
|||
<activity bind:toActDetail="toActDetailDown" id="state-0" state="0"></activity> |
|||
</view> |
|||
<!-- 志友朵朵 --> |
|||
<block wx:if="{{ selectedTab == 'tab1' }}"> |
|||
<view class="details-top"> |
|||
<view class="volunteer-box"> |
|||
<volunteer-list bind:clickImage="clickImage" wx:for="{{volunteerlist}}" volunteerItemObj="{{item}}" wx:for-index="index" wx:for-item="item" wx:key="{{index}}"></volunteer-list> |
|||
</view> |
|||
<!-- <view class="show">*按姓氏拼音排序</view> --> |
|||
</view> |
|||
</block> |
|||
<!-- 精彩说说 --> |
|||
<view class="details-top" hidden="{{jingcai}}"> |
|||
<activity bind:toActDetail="toActDetailDown" id="state-2" state="2"></activity> |
|||
</view> |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-w6AJBH6AAAk6D4lsPc207.png" /> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
|||
<view class="goback" bindtap="goback"> |
|||
<image src="../../images/goback.png" /> |
|||
</view> |
|||
<view class="title" bindtap="goback"> |
|||
<view class="title-right">志愿者去哪儿</view> |
|||
</view> |
|||
<!-- 志愿者去哪儿 --> |
|||
</view> |
|||
</view> |
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
<view class="belong-grid"> |
|||
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-u6ATTx1AAEZrXGthow458.png" /> |
|||
<view class="newbelong-grid"> |
|||
<view class="grid" bindtap="getPhone" data-number="{{getImgUrl.remark}}"> |
|||
<image src="{{getImgUrl.imgUrl}}" /> |
|||
</view> |
|||
<view class="volunteer" bindtap="govolunteer"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717MhrKAB80nAAApr5c7VJQ292.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="banner-main"> |
|||
<view class="page-body"> |
|||
<view class="page-section page-section-spacing swiper"> |
|||
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" bindchange="swiperChange"> |
|||
<block wx:if="{{banner.length > 0}}"> |
|||
<block wx:for="{{banner}}" wx:key="*this"> |
|||
<swiper-item> |
|||
<view class="swiper-item" data-id="{{item.actId}}"> |
|||
<image class="banner" src='{{item.bannerImg}}' mode="aspectFill" /> |
|||
</view> |
|||
</swiper-item> |
|||
</block> |
|||
</block> |
|||
<block wx:else> |
|||
<swiper-item> |
|||
<view> |
|||
<image class="banner" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717N1ouAPcXVAAJZd_4ygpQ518.jpg" mode="aspectFill" /> |
|||
</view> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
<!-- 重置小圆点的样式 --> |
|||
<view class="dots"> |
|||
<block wx:for="{{ banner }}" wx:key="index"> |
|||
<view class="dot {{index == currentSwiper ? ' active' : '' }}"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="tab-all"> |
|||
<view class="tab-bar"> |
|||
<view class="tab tab0 {{selectedTab === 'tab0' ? 'select' : ''}}" data-tab="tab0" bindtap="tabBarChange"> |
|||
订单多多 |
|||
</view> |
|||
<view class="tab tab1 {{selectedTab === 'tab1' ? 'select' : ''}}" data-tab="tab1" bindtap="tabBarChange"> |
|||
志友朵朵 |
|||
</view> |
|||
<view class="tab tab2 {{selectedTab === 'tab2' ? 'select' : ''}}" data-tab="tab2" bindtap="tabBarChange"> |
|||
精彩说说 |
|||
</view> |
|||
<view class="tab tab3 {{selectedTab === 'tab3' ? 'select' : ''}}" data-tab="tab3" bindtap="tabBarChange"> |
|||
积分火火 |
|||
</view> |
|||
<view class="select-bar {{selectedTab}}"></view> |
|||
</view> |
|||
</view> |
|||
<!-- 订单多多列表 --> |
|||
<view class="details-top" hidden="{{dingdan}}"> |
|||
<activity bind:toActDetail="toActDetailDown" id="state-0" state="0"></activity> |
|||
</view> |
|||
<!-- 志友朵朵 --> |
|||
<block wx:if="{{ selectedTab == 'tab1' }}"> |
|||
<view class="details-top"> |
|||
<view class="volunteer-box"> |
|||
<volunteer-list bind:clickImage="clickImage" wx:for="{{volunteerlist}}" volunteerItemObj="{{item}}" wx:for-index="index" wx:for-item="item" wx:key="{{index}}"></volunteer-list> |
|||
</view> |
|||
<!-- <view class="show">*按姓氏拼音排序</view> --> |
|||
</view> |
|||
</block> |
|||
<!-- 精彩说说 --> |
|||
<view class="details-top" hidden="{{jingcai}}"> |
|||
<activity bind:toActDetail="toActDetailDown" id="state-2" state="2"></activity> |
|||
</view> |
|||
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more> |
@ -1,385 +1,385 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 999; |
|||
} |
|||
|
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
|
|||
|
|||
.header .navigation { |
|||
/* width: calc(100% - 46rpx); |
|||
margin-left: 46rpx; */ |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: center; */ |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.header .navigation .goback { |
|||
width: 16rpx; |
|||
margin-left: 30rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.header .navigation .goback image { |
|||
width: 16rpx; |
|||
height: 28rpx; |
|||
} |
|||
|
|||
.header .navigation .title { |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: center; */ |
|||
width: calc(100% - 46rpx); |
|||
margin-left: 46rpx; |
|||
color: rgba(255, 255, 255, 0.9); |
|||
font-size: 32rpx; |
|||
letter-spacing: 2rpx; |
|||
} |
|||
|
|||
.header .navigation .title .title-right { |
|||
/* margin-right: 46rpx; */ |
|||
} |
|||
|
|||
.home { |
|||
width: 100%; |
|||
} |
|||
|
|||
.belong-grid { |
|||
width: 100%; |
|||
height: 138rpx; |
|||
box-sizing: border-box; |
|||
padding-top: 16rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid { |
|||
display: flex; |
|||
flex-direction: row; |
|||
/* align-items: center; */ |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.belong-grid .belong-grid-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid { |
|||
margin-left: 21rpx; |
|||
/* width: 90%; */ |
|||
width: calc(100% - 234rpx); |
|||
height: 62rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid image { |
|||
width: 100%; |
|||
height: 46rpx; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .volunteer { |
|||
margin-right: 15rpx; |
|||
width: 90rpx; |
|||
height: 62rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .volunteer image { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
/* banner 样式 */ |
|||
.banner-main { |
|||
position: absolute; |
|||
width: calc(100% - 60rpx); |
|||
height: 300rpx; |
|||
margin-left: 30rpx; |
|||
background-color: #fff; |
|||
z-index: 997; |
|||
margin-top: -36rpx; |
|||
box-shadow: 0px 6px 21px 0px rgba(122, 122, 122, 0.23); |
|||
border-radius: 17rpx; |
|||
} |
|||
|
|||
|
|||
.page-body { |
|||
/* padding-top: 30rpx; */ |
|||
/* background: #fff; */ |
|||
} |
|||
|
|||
.page-section { |
|||
width: 100%; |
|||
margin-bottom: 60rpx; |
|||
} |
|||
|
|||
.page-section_center { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
|
|||
.page-section:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.page-section-gap { |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
} |
|||
|
|||
.page-section-spacing { |
|||
box-sizing: border-box; |
|||
/* padding: 0 20rpx; */ |
|||
height: 300rpx; |
|||
} |
|||
|
|||
swiper { |
|||
height: 300rpx; |
|||
} |
|||
|
|||
.page-section-title { |
|||
font-size: 28rpx; |
|||
color: #999; |
|||
margin-bottom: 10rpx; |
|||
padding-left: 30rpx; |
|||
padding-right: 30rpx; |
|||
} |
|||
|
|||
.page-section-gap .page-section-title { |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
} |
|||
|
|||
.demo-text-1 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #1aad19; |
|||
color: #fff; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-1:before { |
|||
content: 'A'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
.demo-text-2 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #2782d7; |
|||
color: #fff; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-2:before { |
|||
content: 'B'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
.demo-text-3 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #f1f1f1; |
|||
color: #353535; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-3:before { |
|||
content: 'C'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
button { |
|||
margin-bottom: 30rpx; |
|||
} |
|||
|
|||
button:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.page-section-title { |
|||
padding: 0; |
|||
} |
|||
|
|||
.swiper-item { |
|||
display: block; |
|||
height: 300rpx; |
|||
} |
|||
|
|||
.banner { |
|||
overflow: hidden; |
|||
height: 300rpx; |
|||
display: flex; |
|||
width: 100%; |
|||
border-radius: 16rpx; |
|||
} |
|||
|
|||
.dots { |
|||
display: flex; |
|||
justify-content: center; |
|||
margin-top: -23rpx; |
|||
z-index: 999; |
|||
position: relative; |
|||
|
|||
/* padding-bottom: 10rpx; */ |
|||
} |
|||
|
|||
.dots .dot { |
|||
width: 20rpx; |
|||
height: 6rpx; |
|||
margin-left: 8rpx; |
|||
background: rgba(247, 247, 247, 1); |
|||
opacity: 0.38; |
|||
border-radius: 3rpx; |
|||
transition: all 0.3s; |
|||
} |
|||
|
|||
.dots .dot.active { |
|||
width: 20rpx; |
|||
background: rgba(247, 247, 247, 1); |
|||
border-radius: 3rpx; |
|||
opacity: 1; |
|||
/* background-image: linear-gradient(90deg, #fc5555 58%, #fc5555 100%); */ |
|||
} |
|||
|
|||
/* banner end */ |
|||
|
|||
.tab-all { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 370rpx; |
|||
background-color: #fff; |
|||
z-index: 996; |
|||
} |
|||
|
|||
|
|||
.tab-bar { |
|||
margin-top: 278rpx; |
|||
width: 100%; |
|||
height: 92rpx; |
|||
background: #fff; |
|||
display: flex; |
|||
align-items: center; |
|||
position: relative; |
|||
} |
|||
|
|||
.tab-bar .tab { |
|||
font-size: 34rpx; |
|||
font-weight: 500; |
|||
color: rgba(171, 171, 171, 1); |
|||
width: 25%; |
|||
height: 100%; |
|||
line-height: 92rpx; |
|||
/* text-indent: 20rpx; */ |
|||
text-align: center; |
|||
position: relative; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.tab-bar .tab.select { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
color: rgba(229, 15, 0, 1); |
|||
} |
|||
|
|||
.tab-bar .select-bar { |
|||
position: absolute; |
|||
left: 14rpx; |
|||
bottom: 0rpx; |
|||
width: 30rpx; |
|||
height: 8rpx; |
|||
border-radius: 4rpx; |
|||
background: #fc5555; |
|||
z-index: 1; |
|||
} |
|||
|
|||
.tab-bar .tab0.select-bar { |
|||
left: calc(12.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab1.select-bar { |
|||
left: calc(37.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab2.select-bar { |
|||
left: calc(62.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab3.select-bar { |
|||
left: calc(87.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .hover-tab { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
|
|||
/* 内容 */ |
|||
.details-top { |
|||
margin-top: 385rpx; |
|||
} |
|||
|
|||
.volunteer-box { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
flex-wrap: wrap; |
|||
padding: 0rpx 40rpx 19rpx 40rpx; |
|||
} |
|||
.show { |
|||
padding: 0rpx 40rpx; |
|||
height: 24rpx; |
|||
font-size: 24rpx; |
|||
line-height: 24rpx; |
|||
font-weight: 500; |
|||
color: #C5C5C5; |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 999; |
|||
} |
|||
|
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
|
|||
|
|||
.header .navigation { |
|||
/* width: calc(100% - 46rpx); |
|||
margin-left: 46rpx; */ |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: center; */ |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.header .navigation .goback { |
|||
width: 16rpx; |
|||
margin-left: 30rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.header .navigation .goback image { |
|||
width: 16rpx; |
|||
height: 28rpx; |
|||
} |
|||
|
|||
.header .navigation .title { |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: center; */ |
|||
width: calc(100% - 46rpx); |
|||
margin-left: 46rpx; |
|||
color: rgba(255, 255, 255, 0.9); |
|||
font-size: 32rpx; |
|||
letter-spacing: 2rpx; |
|||
} |
|||
|
|||
.header .navigation .title .title-right { |
|||
/* margin-right: 46rpx; */ |
|||
} |
|||
|
|||
.home { |
|||
width: 100%; |
|||
} |
|||
|
|||
.belong-grid { |
|||
width: 100%; |
|||
height: 138rpx; |
|||
box-sizing: border-box; |
|||
padding-top: 16rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: flex-end; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.belong-grid .belong-grid-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid { |
|||
margin-left: 28rpx; |
|||
/* width: 90%; */ |
|||
width: calc(100% - 234rpx); |
|||
height: 62rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid image { |
|||
width: 532rpx; |
|||
height: 66rpx; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .volunteer { |
|||
margin-right: 15rpx; |
|||
width: 108rpx; |
|||
height: 68rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .volunteer image { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
/* banner 样式 */ |
|||
.banner-main { |
|||
position: absolute; |
|||
width: calc(100% - 60rpx); |
|||
height: 300rpx; |
|||
margin-left: 30rpx; |
|||
background-color: #fff; |
|||
z-index: 997; |
|||
margin-top: -36rpx; |
|||
box-shadow: 0px 6px 21px 0px rgba(122, 122, 122, 0.23); |
|||
border-radius: 17rpx; |
|||
} |
|||
|
|||
|
|||
.page-body { |
|||
/* padding-top: 30rpx; */ |
|||
/* background: #fff; */ |
|||
} |
|||
|
|||
.page-section { |
|||
width: 100%; |
|||
margin-bottom: 60rpx; |
|||
} |
|||
|
|||
.page-section_center { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
|
|||
.page-section:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.page-section-gap { |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
} |
|||
|
|||
.page-section-spacing { |
|||
box-sizing: border-box; |
|||
/* padding: 0 20rpx; */ |
|||
height: 300rpx; |
|||
} |
|||
|
|||
swiper { |
|||
height: 300rpx; |
|||
} |
|||
|
|||
.page-section-title { |
|||
font-size: 28rpx; |
|||
color: #999; |
|||
margin-bottom: 10rpx; |
|||
padding-left: 30rpx; |
|||
padding-right: 30rpx; |
|||
} |
|||
|
|||
.page-section-gap .page-section-title { |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
} |
|||
|
|||
.demo-text-1 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #1aad19; |
|||
color: #fff; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-1:before { |
|||
content: 'A'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
.demo-text-2 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #2782d7; |
|||
color: #fff; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-2:before { |
|||
content: 'B'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
.demo-text-3 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #f1f1f1; |
|||
color: #353535; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-3:before { |
|||
content: 'C'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
button { |
|||
margin-bottom: 30rpx; |
|||
} |
|||
|
|||
button:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.page-section-title { |
|||
padding: 0; |
|||
} |
|||
|
|||
.swiper-item { |
|||
display: block; |
|||
height: 300rpx; |
|||
} |
|||
|
|||
.banner { |
|||
overflow: hidden; |
|||
height: 300rpx; |
|||
display: flex; |
|||
width: 100%; |
|||
border-radius: 16rpx; |
|||
} |
|||
|
|||
.dots { |
|||
display: flex; |
|||
justify-content: center; |
|||
margin-top: -23rpx; |
|||
z-index: 999; |
|||
position: relative; |
|||
|
|||
/* padding-bottom: 10rpx; */ |
|||
} |
|||
|
|||
.dots .dot { |
|||
width: 20rpx; |
|||
height: 6rpx; |
|||
margin-left: 8rpx; |
|||
background: rgba(247, 247, 247, 1); |
|||
opacity: 0.38; |
|||
border-radius: 3rpx; |
|||
transition: all 0.3s; |
|||
} |
|||
|
|||
.dots .dot.active { |
|||
width: 20rpx; |
|||
background: rgba(247, 247, 247, 1); |
|||
border-radius: 3rpx; |
|||
opacity: 1; |
|||
/* background-image: linear-gradient(90deg, #fc5555 58%, #fc5555 100%); */ |
|||
} |
|||
|
|||
/* banner end */ |
|||
|
|||
.tab-all { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 370rpx; |
|||
background-color: #fff; |
|||
z-index: 996; |
|||
} |
|||
|
|||
|
|||
.tab-bar { |
|||
margin-top: 278rpx; |
|||
width: 100%; |
|||
height: 92rpx; |
|||
background: #fff; |
|||
display: flex; |
|||
align-items: center; |
|||
position: relative; |
|||
} |
|||
|
|||
.tab-bar .tab { |
|||
font-size: 34rpx; |
|||
font-weight: 500; |
|||
color: rgba(171, 171, 171, 1); |
|||
width: 25%; |
|||
height: 100%; |
|||
line-height: 92rpx; |
|||
/* text-indent: 20rpx; */ |
|||
text-align: center; |
|||
position: relative; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.tab-bar .tab.select { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
color: rgba(229, 15, 0, 1); |
|||
} |
|||
|
|||
.tab-bar .select-bar { |
|||
position: absolute; |
|||
left: 14rpx; |
|||
bottom: 0rpx; |
|||
width: 30rpx; |
|||
height: 8rpx; |
|||
border-radius: 4rpx; |
|||
background: #fc5555; |
|||
z-index: 1; |
|||
} |
|||
|
|||
.tab-bar .tab0.select-bar { |
|||
left: calc(12.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab1.select-bar { |
|||
left: calc(37.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab2.select-bar { |
|||
left: calc(62.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab3.select-bar { |
|||
left: calc(87.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .hover-tab { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
|
|||
/* 内容 */ |
|||
.details-top { |
|||
margin-top: 385rpx; |
|||
} |
|||
|
|||
.volunteer-box { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
flex-wrap: wrap; |
|||
padding: 0rpx 40rpx 19rpx 40rpx; |
|||
} |
|||
.show { |
|||
padding: 0rpx 40rpx; |
|||
height: 24rpx; |
|||
font-size: 24rpx; |
|||
line-height: 24rpx; |
|||
font-weight: 500; |
|||
color: #C5C5C5; |
|||
} |
@ -1,9 +1,10 @@ |
|||
{ |
|||
"navigationBarTitleText": "e锦水", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white", |
|||
"usingComponents": { |
|||
"nav-bar": "/components/navbar/index", |
|||
"load-more": "../../components/loadMore/loadMore" |
|||
} |
|||
{ |
|||
"navigationBarTitleText": "e锦水", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white", |
|||
"usingComponents": { |
|||
"nav-bar": "/components/navbar/index", |
|||
"load-more": "../../components/loadMore/loadMore", |
|||
"complete-info-dialog": "../../components/completeInfoDialog/completeInfoDialog" |
|||
} |
|||
} |
@ -1,163 +1,169 @@ |
|||
<wxs module="filter" src="../../utils/filter.wxs"></wxs> |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-w6AJBH6AAAk6D4lsPc207.png" /> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">e锦水</view> |
|||
</view> |
|||
|
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
|
|||
<!--所属网格--> |
|||
<view class="belong-grid"> |
|||
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-u6ATTx1AAEZrXGthow458.png" /> |
|||
<view class="newbelong-grid"> |
|||
<view class="grid" bindtap="changeGrid"> |
|||
<image class="party-logo" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk1aAGwwcAAAFdGPP-1s507.png" /> |
|||
<view class="grid-name">{{departmentName}}</view> |
|||
<image class="more-grid" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk3uAAMMcAAADckZSIh0279.png" /> |
|||
</view> |
|||
<view class="my-and-news"> |
|||
<image wx:if="{{infoObj.title == ''}}" bindtap="noMore" class="news" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk4yASWCrAAAKA-kIkt0142.png" /> |
|||
<image wx:else bindtap="toInfoList" class="news" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7161EWKAIXwXAAAD4DwRkd4543.png" /> |
|||
<!-- <image bindtap="toMine" class="my" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB716n_HiAZ9BOAAAIkMWBOnA191.png" /> --> |
|||
</view> |
|||
</view> |
|||
<view class="newImage"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160_caAFDdeAACsQB7kto8691.png"></image> |
|||
</view> |
|||
</view> |
|||
<!-- banner swiperBannerList --> |
|||
<view class="banner"> |
|||
<swiper circular="{{true}}" autoplay="{{true}}" interval="{{3000}}" current="{{currentIndex}}" bindchange="swiperChange"> |
|||
<swiper-item wx:for="{{swiperBannerList}}" wx:key="index" wx:for-index="index" wx:for-item="item"> |
|||
<view class="banner-item" data-id="{{item.id}}" data-url="{{item.url}}" data-newsflag="{{item.newsFlag}}" bindtap="navigatetoBannerDetail"> |
|||
<image mode="aspectFill" class="banner-img" src="{{item.imgUrl}}" /> |
|||
<view class="banner-content"> |
|||
<view class="title"> |
|||
<view class="title-text">{{item.title}}</view> |
|||
</view> |
|||
<view class="indication"> |
|||
<block wx:for="{{swiperBannerList}}" wx:key="index"> |
|||
<view class="spot{{index == currentIndex? ' active' : ''}}"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</swiper-item> |
|||
</swiper> |
|||
</view> |
|||
<!-- 通知 --> |
|||
<!-- <view class="notice"> |
|||
<view class="left"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk6iAMXkjAAAJcTi5eUU272.png"></image> |
|||
<view class="circle"></view> |
|||
<view class="havenotice" wx:if="{{noticeList.length > 0}}"> |
|||
<view class="notice-broadcast-content" class="scrollNotice"> |
|||
<view class="ul list swiper-wrapper" class="notice_list"> |
|||
<view class="swiperview swiper-position"> |
|||
<swiper class="swiperitem" indicator-dots="true" autoplay="true" vertical="true" circular="true"> |
|||
<block wx:for="{{noticeList}}" wx:key="index" wx:for-item="item" wx:for-index="index"> |
|||
<swiper-item> |
|||
<navigator url="/subpages/home/pages/noticeDetail/noticeDetail?id={{item.id}}"> |
|||
<text class="swiper-txt">{{item.noticeTitle}}</text> |
|||
</navigator> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> --> |
|||
<!-- <view class="notice-info" wx:if="{{noticeList.length > 0}}">疫情防控社区、医疗机构防控网格图联系方···</view> --> |
|||
<!-- </view> --> |
|||
<!-- <view class="right"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk7iAHRq-AAAFYLGulzU493.png"></image> |
|||
<view class="name" wx:if="{{noticeList.length > 0}}">{{noticeList.length}}</view> |
|||
<view class="name" wx:else>0</view> |
|||
</view> --> |
|||
<!-- </view> --> |
|||
<view class="newnotice" bindtap="getPhone" data-number="87875655"> |
|||
<image class="image1" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/14/rBAB717t5zeAR7mBAAAe8_LOKr8883.png"></image> |
|||
<!-- <image class="image2" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161AbyAfYVeAAAdNklNbvM579.png"></image> --> |
|||
<!-- <text></text> --> |
|||
</view> |
|||
|
|||
<!-- 我有话说 --> |
|||
<view class="grid-all-new"> |
|||
<button bindtap="wyss" class="weui-btn-left" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161BRGARAefAAGNonPzguk041.png'></image> |
|||
</button> |
|||
<view class="weui-btn-right"> |
|||
<button bindtap="goheart" class="weui-btn-top" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161BqiAGT25AADji64eXU8518.png'></image> |
|||
</button> |
|||
<button bindtap="dqhd" class="weui-btn-top" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7169FteAZi7IAACvNYI5st0319.png'></image> |
|||
<!-- <image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161Bt2ALFoDAADqKvNuMrQ441.png'></image> --> |
|||
</button> |
|||
</view> |
|||
</view> |
|||
<!-- <view class="grid-all"> |
|||
<button bindtap="wyss" class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nki6AIOnKAAEFtEe51uE843.png'></image> |
|||
</button> |
|||
|
|||
<button bindtap="dqhd" class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkqeAFhyBAAEedWqz2eE440.png'></image> |
|||
</button> |
|||
|
|||
<button class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkrqAB9DJAAEx8Bq_7R8226.png'></image> |
|||
</button> |
|||
|
|||
<button class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nks6ALQtRAAExnBUFGQs281.png'></image> |
|||
</button> |
|||
</view> --> |
|||
<!-- 九宫格 --> |
|||
<view class="grid-new"> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="gointegralCentre" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161B_qAe-m2AAChh4x0hS4857.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">积分排名</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="moreNotice" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161ChOAayOhAACQGnm1tII484.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">政策导航</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="toUnderstandJs" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161CkmAQ8ljAACCxDg25qk058.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">了解锦水</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="toMine" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161Co6AYOnYAACU4vWwdsU999.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">个人中心</view> |
|||
</view> |
|||
</view> |
|||
<!-- 列表 --> |
|||
<view class="list-all"> |
|||
<view class="list-item" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{newsList}}" data-id="{{item.id}}" bindtap="toDetail"> |
|||
<view class="item-info"> |
|||
<view class="item-info-name">{{item.newsTitle}} |
|||
</view> |
|||
<view class="item-info-time"> |
|||
<text>{{item.deptName}}-{{item.newsCategoryName}}</text> |
|||
<text>{{filter.formatTime(item.newsStartTime, 'yyyy-MM-dd')}}</text> |
|||
</view> |
|||
</view> |
|||
<image src="{{item.newsImageUrl}}"></image> |
|||
<view wx:if="{{item.readFlag === '0'}}" class="label"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7169_pSALSbKAAALvZBEa2A131.png"></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- <view hidden="{{nomorenews}}" class="nomorenews">没有更多了~</view> --> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
</view> |
|||
<wxs module="filter" src="../../utils/filter.wxs"></wxs> |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-w6AJBH6AAAk6D4lsPc207.png" /> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">e锦水</view> |
|||
</view> |
|||
|
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
|
|||
<!--所属网格--> |
|||
<view class="belong-grid"> |
|||
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-u6ATTx1AAEZrXGthow458.png" /> |
|||
<view class="newbelong-grid"> |
|||
<view class="grid" bindtap="changeGrid"> |
|||
<image class="party-logo" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk1aAGwwcAAAFdGPP-1s507.png" /> |
|||
<view class="grid-name">{{departmentName}}</view> |
|||
<image class="more-grid" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk3uAAMMcAAADckZSIh0279.png" /> |
|||
</view> |
|||
<view class="my-and-news"> |
|||
<image wx:if="{{infoObj.title == ''}}" bindtap="noMore" class="news" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk4yASWCrAAAKA-kIkt0142.png" /> |
|||
<image wx:else bindtap="toInfoList" class="news" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7161EWKAIXwXAAAD4DwRkd4543.png" /> |
|||
<!-- <image bindtap="toMine" class="my" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB716n_HiAZ9BOAAAIkMWBOnA191.png" /> --> |
|||
</view> |
|||
</view> |
|||
<view class="newImage"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160_caAFDdeAACsQB7kto8691.png"></image> |
|||
</view> |
|||
</view> |
|||
<!-- banner swiperBannerList --> |
|||
<view class="banner"> |
|||
<swiper circular="{{true}}" autoplay="{{true}}" interval="{{3000}}" current="{{currentIndex}}" bindchange="swiperChange"> |
|||
<swiper-item wx:for="{{swiperBannerList}}" wx:key="index" wx:for-index="index" wx:for-item="item"> |
|||
<view class="banner-item" data-id="{{item.id}}" data-url="{{item.url}}" data-newsflag="{{item.newsFlag}}" bindtap="navigatetoBannerDetail"> |
|||
<image mode="aspectFill" class="banner-img" src="{{item.imgUrl}}" /> |
|||
<view class="banner-content"> |
|||
<view class="title"> |
|||
<view class="title-text">{{item.title}}</view> |
|||
</view> |
|||
<view class="indication"> |
|||
<block wx:for="{{swiperBannerList}}" wx:key="index"> |
|||
<view class="spot{{index == currentIndex? ' active' : ''}}"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</swiper-item> |
|||
</swiper> |
|||
</view> |
|||
<!-- 通知 --> |
|||
<!-- <view class="notice"> |
|||
<view class="left"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk6iAMXkjAAAJcTi5eUU272.png"></image> |
|||
<view class="circle"></view> |
|||
<view class="havenotice" wx:if="{{noticeList.length > 0}}"> |
|||
<view class="notice-broadcast-content" class="scrollNotice"> |
|||
<view class="ul list swiper-wrapper" class="notice_list"> |
|||
<view class="swiperview swiper-position"> |
|||
<swiper class="swiperitem" indicator-dots="true" autoplay="true" vertical="true" circular="true"> |
|||
<block wx:for="{{noticeList}}" wx:key="index" wx:for-item="item" wx:for-index="index"> |
|||
<swiper-item> |
|||
<navigator url="/subpages/home/pages/noticeDetail/noticeDetail?id={{item.id}}"> |
|||
<text class="swiper-txt">{{item.noticeTitle}}</text> |
|||
</navigator> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> --> |
|||
<!-- <view class="notice-info" wx:if="{{noticeList.length > 0}}">疫情防控社区、医疗机构防控网格图联系方···</view> --> |
|||
<!-- </view> --> |
|||
<!-- <view class="right"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk7iAHRq-AAAFYLGulzU493.png"></image> |
|||
<view class="name" wx:if="{{noticeList.length > 0}}">{{noticeList.length}}</view> |
|||
<view class="name" wx:else>0</view> |
|||
</view> --> |
|||
<!-- </view> --> |
|||
<view class="newnotice" bindtap="getPhone" data-number="{{homePagePhone.remark}}"> |
|||
<image class="image1" src="{{homePagePhone.imgUrl}}"></image> |
|||
<image class="image-call" src="../../images/home/call.png"></image> |
|||
<!-- <image class="image2" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161AbyAfYVeAAAdNklNbvM579.png"></image> --> |
|||
<!-- <text></text> --> |
|||
</view> |
|||
|
|||
<!-- 我有话说 --> |
|||
<view class="grid-all-new"> |
|||
<button bindtap="wyss" class="weui-btn-left" form-type='submit' plain='true' hover-class="hover-btn" wx:if="{{departmentId != leaderGridId}}"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161BRGARAefAAGNonPzguk041.png'></image> |
|||
</button> |
|||
<button bindtap="wysy" class="weui-btn-left" form-type='submit' plain='true' hover-class="hover-btn" wx:else> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/16/rBAB717xXhKATMiMAAAvjvVWdAA612.png'></image> |
|||
</button> |
|||
<view class="weui-btn-right"> |
|||
<button bindtap="goheart" class="weui-btn-top" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161BqiAGT25AADji64eXU8518.png'></image> |
|||
</button> |
|||
<button bindtap="dqhd" class="weui-btn-top" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7169FteAZi7IAACvNYI5st0319.png'></image> |
|||
<!-- <image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161Bt2ALFoDAADqKvNuMrQ441.png'></image> --> |
|||
</button> |
|||
</view> |
|||
</view> |
|||
<!-- <view class="grid-all"> |
|||
<button bindtap="wyss" class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nki6AIOnKAAEFtEe51uE843.png'></image> |
|||
</button> |
|||
|
|||
<button bindtap="dqhd" class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkqeAFhyBAAEedWqz2eE440.png'></image> |
|||
</button> |
|||
|
|||
<button class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkrqAB9DJAAEx8Bq_7R8226.png'></image> |
|||
</button> |
|||
|
|||
<button class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nks6ALQtRAAExnBUFGQs281.png'></image> |
|||
</button> |
|||
</view> --> |
|||
<!-- 九宫格 --> |
|||
<view class="grid-new"> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="gointegralCentre" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161B_qAe-m2AAChh4x0hS4857.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">积分排名</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="moreNotice" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161ChOAayOhAACQGnm1tII484.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">政策导航</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="toUnderstandJs" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161CkmAQ8ljAACCxDg25qk058.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">了解锦水</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="toMine" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161Co6AYOnYAACU4vWwdsU999.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">个人中心</view> |
|||
</view> |
|||
</view> |
|||
<!-- 列表 --> |
|||
<view class="list-all"> |
|||
<view class="list-item" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{newsList}}" data-id="{{item.id}}" bindtap="toDetail"> |
|||
<view class="item-info"> |
|||
<view class="item-info-name">{{item.newsTitle}} |
|||
</view> |
|||
<view class="item-info-time"> |
|||
<text>{{item.deptName}}-{{item.newsCategoryName}}</text> |
|||
<text>{{filter.formatTime(item.newsStartTime, 'yyyy-MM-dd')}}</text> |
|||
</view> |
|||
</view> |
|||
<image src="{{item.newsImageUrl}}"></image> |
|||
<view wx:if="{{item.readFlag === '0'}}" class="label"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7169_pSALSbKAAALvZBEa2A131.png"></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- <view hidden="{{nomorenews}}" class="nomorenews">没有更多了~</view> --> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
</view> |
|||
|
|||
<complete-info-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"></complete-info-dialog> |
File diff suppressed because it is too large
@ -1,73 +1,73 @@ |
|||
<view class="home"> |
|||
<view class='title'> |
|||
<text class="number">{{points}}</text> |
|||
<text class="name">积分</text> |
|||
</view> |
|||
<!-- tabbar --> |
|||
<view class="tab-bar"> |
|||
<view class="tab tab1 {{selectTab === 'tab1' ? 'select-tab' : ''}}" data-tab="tab1" bindtap="onTabChange">积分排行 </view> |
|||
<view class="tab tab2 {{selectTab === 'tab2' ? 'select-tab' : ''}}" data-tab="tab2" bindtap="onTabChange">积分记录</view> |
|||
<view class="select-bar {{selectTab === 'tab1' ? 'tab1' : 'tab2'}}"></view> |
|||
</view> |
|||
<!-- 积分排行 --> |
|||
<block wx:if="{{selectTab === 'tab1'}}"> |
|||
<view class="Top"></view> |
|||
<view class="tab-item"> |
|||
<button wx:for="{{typeList}}" wx:key="index" wx:for-index="index" bindtap="onButtonChange" hover-class="hover-btn" data-type="{{item.type}}" id="item-{{ item.type }}" class="{{item.select ? 'font-w' : 'font-b'}}"> |
|||
{{item.name}} |
|||
</button> |
|||
</view> |
|||
<view class="ph-list" wx:if="{{pointsRankingUser}}"> |
|||
<view class="left"> |
|||
<!-- 左边图片 --> |
|||
<view class="left-img"> |
|||
<view class="list-number_frist">{{pointsRankingUser.rank}}</view> |
|||
</view> |
|||
<!-- 名字 --> |
|||
<view class="list-name">{{pointsRankingUser.realName}}</view> |
|||
</view> |
|||
<view class="right">{{pointsRankingUser.points}}</view> |
|||
</view> |
|||
<view class="warning">注:该排行仅显示已完善信息用户</view> |
|||
<!-- <view class="marginTop"></view> --> |
|||
<view class="ph-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{pointsRankinglist}}"> |
|||
<view class="left"> |
|||
<!-- 左边图片 --> |
|||
<view class="left-img"> |
|||
<!-- <image class="img-bg" wx:if="{{index == 0}}" src="../../images/first.png"></image> |
|||
<image class="img-bg" wx:elif="{{index == 1}}" src="../../images/second.png"></image> |
|||
<image class="img-bg" wx:elif="{{index == 2}}" src="../../images/third.png"></image> --> |
|||
<!-- <image class="img-bg" wx:else src="../../images/fourth.png"></image> --> |
|||
<!-- <view wx:if="{{index < 3}}" class="list-number">{{item.rank}}</view> --> |
|||
|
|||
<view class="{{index < 3 ? 'list-number_frist' : 'list-number_'}} {{index===0 ? 'color1_' : index===1 ? 'color2_' : index===2 ? 'color2_' : ''}}">{{item.rank}}</view> |
|||
</view> |
|||
<!-- 名字 --> |
|||
<view class="list-name">{{item.realName}}</view> |
|||
</view> |
|||
<view class="right">{{item.points}}</view> |
|||
</view> |
|||
|
|||
<no-data isShow="{{nodatapointsRanking}}"></no-data> |
|||
</block> |
|||
<!-- 积分记录 --> |
|||
<block wx:else> |
|||
<view class="Top"></view> |
|||
<view class="jf-title"> |
|||
<view class="jf-title-item">事件名称</view> |
|||
<view class="jf-title-item-two">积分</view> |
|||
<view class="jf-title-item-last">时间</view> |
|||
</view> |
|||
<!-- 积分记录列表 --> |
|||
<view class="jf-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{pointsRecordlist}}"> |
|||
<view class="jf-list-li color1">{{item.ruleDesc}}</view> |
|||
<view class="jf-list-li-two color2"> |
|||
<text wx:if="{{item.operationType == 0}}">-</text> |
|||
<text wx:else>+</text>{{item.points}}</view> |
|||
<view class="jf-list-li jf-list-li-last color1">{{item.operationTime}}</view> |
|||
</view> |
|||
<no-data isShow="{{nodatapointsRecord}}"></no-data> |
|||
</block> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
<view class="home"> |
|||
<view class='title'> |
|||
<text class="number">{{points}}</text> |
|||
<text class="name">积分</text> |
|||
</view> |
|||
<!-- tabbar --> |
|||
<view class="tab-bar"> |
|||
<view class="tab tab1 {{selectTab === 'tab1' ? 'select-tab' : ''}}" data-tab="tab1" bindtap="onTabChange">积分排行 </view> |
|||
<view class="tab tab2 {{selectTab === 'tab2' ? 'select-tab' : ''}}" data-tab="tab2" bindtap="onTabChange">积分记录</view> |
|||
<view class="select-bar {{selectTab === 'tab1' ? 'tab1' : 'tab2'}}"></view> |
|||
</view> |
|||
<!-- 积分排行 --> |
|||
<block wx:if="{{selectTab === 'tab1'}}"> |
|||
<view class="Top"></view> |
|||
<view class="tab-item"> |
|||
<button wx:for="{{typeList}}" wx:key="index" wx:for-index="index" bindtap="onButtonChange" hover-class="hover-btn" data-type="{{item.type}}" id="item-{{ item.type }}" class="{{item.select ? 'font-w' : 'font-b'}}"> |
|||
{{item.name}} |
|||
</button> |
|||
</view> |
|||
<view class="ph-list" wx:if="{{pointsRankingUser}}"> |
|||
<view class="left"> |
|||
<!-- 左边图片 --> |
|||
<view class="left-img"> |
|||
<view class="list-number_frist">{{pointsRankingUser.rank}}</view> |
|||
</view> |
|||
<!-- 名字 --> |
|||
<view class="list-name">{{pointsRankingUser.realName||pointsRankingUser.nickName}}</view> |
|||
</view> |
|||
<view class="right">{{pointsRankingUser.points||pointsRankingUser.grade}}</view> |
|||
</view> |
|||
<view class="warning">注:该排行仅显示已完善信息用户</view> |
|||
<!-- <view class="marginTop"></view> --> |
|||
<view class="ph-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{pointsRankinglist}}"> |
|||
<view class="left"> |
|||
<!-- 左边图片 --> |
|||
<view class="left-img"> |
|||
<!-- <image class="img-bg" wx:if="{{index == 0}}" src="../../images/first.png"></image> |
|||
<image class="img-bg" wx:elif="{{index == 1}}" src="../../images/second.png"></image> |
|||
<image class="img-bg" wx:elif="{{index == 2}}" src="../../images/third.png"></image> --> |
|||
<!-- <image class="img-bg" wx:else src="../../images/fourth.png"></image> --> |
|||
<!-- <view wx:if="{{index < 3}}" class="list-number">{{item.rank}}</view> --> |
|||
|
|||
<view class="{{index < 3 ? 'list-number_frist' : 'list-number_'}} {{index===0 ? 'color1_' : index===1 ? 'color2_' : index===2 ? 'color2_' : ''}}">{{item.rank}}</view> |
|||
</view> |
|||
<!-- 名字 --> |
|||
<view class="list-name">{{item.realName||item.nickName}}</view> |
|||
</view> |
|||
<view class="right">{{item.points||item.grade}}</view> |
|||
</view> |
|||
|
|||
<no-data isShow="{{nodatapointsRanking}}"></no-data> |
|||
</block> |
|||
<!-- 积分记录 --> |
|||
<block wx:else> |
|||
<view class="Top"></view> |
|||
<view class="jf-title"> |
|||
<view class="jf-title-item">事件名称</view> |
|||
<view class="jf-title-item-two">积分</view> |
|||
<view class="jf-title-item-last">时间</view> |
|||
</view> |
|||
<!-- 积分记录列表 --> |
|||
<view class="jf-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{pointsRecordlist}}"> |
|||
<view class="jf-list-li color1">{{item.ruleDesc}}</view> |
|||
<view class="jf-list-li-two color2"> |
|||
<text wx:if="{{item.operationType == 0}}">-</text> |
|||
<text wx:else>+</text>{{item.points}}</view> |
|||
<view class="jf-list-li jf-list-li-last color1">{{item.operationTime}}</view> |
|||
</view> |
|||
<no-data isShow="{{nodatapointsRecord}}"></no-data> |
|||
</block> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
</view> |
@ -1,29 +1,29 @@ |
|||
<view class="mian"> |
|||
<view class="search"> |
|||
<view class="item-all"> |
|||
<view class="item-left"> |
|||
<image src="../../images/search.png"></image> |
|||
<input placeholder-class="placeholder-style" placeholder="输入档案关键字"></input> |
|||
</view> |
|||
<button class="item-right">搜索</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
|
|||
|
|||
<view class="list-item"> |
|||
<view class="list-name">玫瑰街道医疗物质采购档案</view> |
|||
<view class="list-position"> |
|||
<image src="../../images/wenjian.png"></image> |
|||
<view class="list-position-name">存放位置:玫瑰街道档案室</view> |
|||
</view> |
|||
</view> |
|||
<view class="list-item"> |
|||
<view class="list-name">玫瑰街道医疗物质采购档案</view> |
|||
<view class="list-position"> |
|||
<image src="../../images/wenjian.png"></image> |
|||
<view class="list-position-name">存放位置:玫瑰街道档案室</view> |
|||
</view> |
|||
</view> |
|||
<view class="mian"> |
|||
<view class="search"> |
|||
<view class="item-all"> |
|||
<view class="item-left"> |
|||
<image src="../../images/search.png"></image> |
|||
<input placeholder-class="placeholder-style" placeholder="输入档案关键字"></input> |
|||
</view> |
|||
<button class="item-right" bindtap="searchFile">搜索</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
|
|||
|
|||
<!-- <view class="list-item"> |
|||
<view class="list-name">玫瑰街道医疗物质采购档案</view> |
|||
<view class="list-position"> |
|||
<image src="../../images/wenjian.png"></image> |
|||
<view class="list-position-name">存放位置:玫瑰街道档案室</view> |
|||
</view> |
|||
</view> |
|||
<view class="list-item"> |
|||
<view class="list-name">玫瑰街道医疗物质采购档案</view> |
|||
<view class="list-position"> |
|||
<image src="../../images/wenjian.png"></image> |
|||
<view class="list-position-name">存放位置:玫瑰街道档案室</view> |
|||
</view> |
|||
</view> --> |
Loading…
Reference in new issue