ZhaoTongYao
4 years ago
81 changed files with 2212 additions and 502 deletions
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 655 B |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 451 B |
|
After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 474 B |
|
After Width: | Height: | Size: 331 B |
|
After Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 878 B |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 850 B |
|
After Width: | Height: | Size: 8.3 KiB |
@ -0,0 +1,21 @@ |
|||
Component({ |
|||
properties: { |
|||
newsList: { |
|||
type: Array, |
|||
value: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
navigateToCommunityNews() { |
|||
wx.navigateTo({ |
|||
url: '/subpages/communityNews/pages/index/index' |
|||
}) |
|||
}, |
|||
navigateToDetail(e) { |
|||
const { id } = e.currentTarget.dataset |
|||
wx.navigateTo({ |
|||
url: `/subpages/communityNews/pages/detail/detail?id=${id}` |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"component": true |
|||
} |
|||
@ -0,0 +1,30 @@ |
|||
<view class="community-news-list"> |
|||
<view class="first"> |
|||
<view class="title">最新资讯</view> |
|||
<view class="more" bindtap="navigateToCommunityNews"> |
|||
<view class="tip">更多</view> |
|||
<view class="right-sword"> |
|||
<image src="../../../../images/home/right-sword-thin.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="news-list"> |
|||
<view class="list-item {{index === 0 ? 'first-item' : ''}}" wx:for="{{newsList}}" wx-key="index" wx:for-item="item" wx:for-index="index" bindtap="navigateToDetail" data-id="{{item.id}}"> |
|||
<view class="news-img"> |
|||
<image src="{{item.imgUrl}}" /> |
|||
</view> |
|||
<view class="detail"> |
|||
<view class="title">{{item.noticeTitle}}</view> |
|||
<view class="bottom-detail"> |
|||
<view class="time">{{item.releaseTime}}</view> |
|||
<view class="page-view"> |
|||
<view class="page-view-img"> |
|||
<image src="../../../../images/home/eye.png" /> |
|||
</view> |
|||
<view class="num">{{item.readingAmount}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,124 @@ |
|||
image { |
|||
width: 100%; |
|||
height: 100%; |
|||
float: left; |
|||
} |
|||
|
|||
.community-news-list { |
|||
width: 100%; |
|||
margin-top: 12rpx; |
|||
background: #fff; |
|||
} |
|||
|
|||
.first { |
|||
width: 100%; |
|||
height: 85rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
} |
|||
|
|||
.first .title { |
|||
font-size: 34rpx; |
|||
color: #333333; |
|||
} |
|||
|
|||
.first .more { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.first .more .tip { |
|||
font-size: 28rpx; |
|||
color: #c5c5c5; |
|||
} |
|||
|
|||
.first .more .right-sword { |
|||
width: 14rpx; |
|||
height: 22rpx; |
|||
margin-left: 4rpx; |
|||
} |
|||
|
|||
.news-list { |
|||
width: 100%; |
|||
background: #fff; |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
} |
|||
|
|||
.news-list .list-item { |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
padding: 30rpx 0; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.news-list .list-item.first-item { |
|||
padding: 0 0 30rpx 0; |
|||
} |
|||
|
|||
.news-list .list-item + .list-item { |
|||
border-top: 1rpx solid #eaeaea; |
|||
} |
|||
|
|||
.news-list .list-item .news-img { |
|||
width: 210rpx; |
|||
height: 150rpx; |
|||
border-radius: 8rpx; |
|||
overflow: hidden; |
|||
margin-right: 20rpx; |
|||
} |
|||
|
|||
.news-list .list-item .detail { |
|||
width: calc(100% - 210rpx - 20rpx); |
|||
height: 150rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.news-list .list-item .detail .title { |
|||
font-size: 34rpx; |
|||
color: #3f3f3f; |
|||
line-height: 44rpx; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.news-list .list-item .bottom-detail { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.news-list .list-item .bottom-detail .time { |
|||
font-size: 22rpx; |
|||
letter-spacing: 1px; |
|||
color: #aaa; |
|||
} |
|||
|
|||
.news-list .list-item .bottom-detail .page-view { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-start; |
|||
} |
|||
.news-list .list-item .bottom-detail .page-view .page-view-img { |
|||
width: 30rpx; |
|||
height: 24rpx; |
|||
margin-right: 12rpx; |
|||
} |
|||
|
|||
.news-list .list-item .bottom-detail .page-view .num { |
|||
font-size: 24rpx; |
|||
letter-spacing: 1px; |
|||
color: #aaa; |
|||
} |
|||
@ -0,0 +1,16 @@ |
|||
Component({ |
|||
properties: { |
|||
griderList: { |
|||
type: Array, |
|||
value: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
callGrider(e) { |
|||
const { phone } = e.currentTarget.dataset |
|||
wx.makePhoneCall({ |
|||
phoneNumber: phone |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"component": true |
|||
} |
|||
@ -0,0 +1,39 @@ |
|||
<view class="grider-list" wx:if="{{griderList.length > 0}}"> |
|||
<view class="title">网格员在身边</view> |
|||
<scroll-view scroll-x="{{true}}"> |
|||
<view class="grider-item-contaner"> |
|||
<block wx:for="{{griderList}}" wx-key="index" wx:for-index="index"> |
|||
<view wx:if="{{index !== griderList.length - 1}}" class="grider-item {{index === 0 ? 'first' : ''}}"> |
|||
<view class="avatar"> |
|||
<image src="{{item.headUrl ? item.headUrl : '../../../../images/home/default-avatar.png'}}" /> |
|||
<!-- <view class="grid-leader">网格长</view> --> |
|||
</view> |
|||
<view class="name">{{item.realName}}</view> |
|||
<view class="logen">{{item.proverbs}}</view> |
|||
<view class="call-phone"> |
|||
<view class="phone"> |
|||
<image src="../../../../images/home/phone.png" /> |
|||
</view> |
|||
<view class="tip" bindtap="callGrider" data-phone="{{item.mobile}}">有事找我</view> |
|||
</view> |
|||
</view> |
|||
<view wx:else class="item-container"> |
|||
<view class="grider-item {{index === 0 ? 'first' : ''}}"> |
|||
<view class="avatar"> |
|||
<image src="{{item.headUrl ? item.headUrl : '../../../../images/home/default-avatar.png'}}" /> |
|||
<!-- <view class="grid-leader">网格长</view> --> |
|||
</view> |
|||
<view class="name">{{item.realName}}</view> |
|||
<view class="logen">{{item.proverbs}}</view> |
|||
<view class="call-phone"> |
|||
<view class="phone"> |
|||
<image src="../../../../images/home/phone.png" /> |
|||
</view> |
|||
<view class="tip" bindtap="callGrider" data-phone="{{item.mobile}}">有事找我</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
@ -0,0 +1,136 @@ |
|||
.grider-list { |
|||
width: 100%; |
|||
background: #fff; |
|||
margin-top: 12rpx; |
|||
} |
|||
|
|||
.grider-list .title { |
|||
width: 100%; |
|||
height: 80rpx; |
|||
line-height: 90rpx; |
|||
text-indent: 30rpx; |
|||
font-size: 34rpx; |
|||
color: #333; |
|||
} |
|||
|
|||
.grider-list scroll-view { |
|||
width: 100%; |
|||
height: calc(390rpx + 55rpx); |
|||
} |
|||
|
|||
.grider-list scroll-view .grider-item-contaner { |
|||
min-width: auto; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.grider-item { |
|||
width: 280rpx; |
|||
height: 390rpx; |
|||
flex-shrink: 0; |
|||
box-shadow: 0rpx 2rpx 24rpx 0rpx |
|||
rgba(227, 227, 227, 0.52); |
|||
border-radius: 10rpx; |
|||
margin: 10px 0px 0px 20rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
box-sizing: border-box; |
|||
padding: 0 5%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.grider-item .avatar { |
|||
width: 120rpx; |
|||
height: 120rpx; |
|||
position: relative; |
|||
margin-top: 42rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.grider-item .avatar .grid-leader { |
|||
width: 80rpx; |
|||
height: 28rpx; |
|||
background-color: #f69635; |
|||
border-radius: 14rpx; |
|||
font-size: 20rpx; |
|||
color: #ffffff; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
position: absolute; |
|||
bottom: -14rpx; |
|||
left: calc(50% - 40rpx); |
|||
} |
|||
|
|||
.grider-item .avatar image { |
|||
border-radius: 50%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.grider-item .name { |
|||
font-size: 30rpx; |
|||
color: #333333; |
|||
height: 52rpx; |
|||
line-height: 52rpx; |
|||
margin-top: 7rpx; |
|||
} |
|||
|
|||
.grider-item .logen { |
|||
font-size: 26rpx; |
|||
line-height: 36rpx; |
|||
height: 72rpx; |
|||
color: #aeaeae; |
|||
width: 100%; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.call-phone { |
|||
margin-top: 20rpx; |
|||
width: 160rpx; |
|||
height: 52rpx; |
|||
background-image: linear-gradient(90deg, |
|||
#e3271c 0%, |
|||
#f95c2c 100%), |
|||
linear-gradient( |
|||
#8da5eb, |
|||
#8da5eb); |
|||
background-blend-mode: normal, |
|||
normal; |
|||
border-radius: 25rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: 26rpx; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.call-phone .phone { |
|||
width:23rpx; |
|||
height:27rpx; |
|||
margin-right: 4rpx; |
|||
} |
|||
|
|||
.grider-item.first { |
|||
margin-left: 30rpx; |
|||
} |
|||
|
|||
.item-container { |
|||
flex-shrink: 0; |
|||
width: 310rpx; |
|||
height: 390rpx; |
|||
margin: 10px 0px 0px 20rpx; |
|||
} |
|||
|
|||
.item-container .grider-item { |
|||
margin: 0; |
|||
} |
|||
|
|||
.item-container .grider-item.first { |
|||
margin: 0 0 0 10rpx; |
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
Component({ |
|||
properties: { |
|||
projectList: { |
|||
type: Array, |
|||
value: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
navigateToProjectDetail(e) { |
|||
const { id } = e.currentTarget.dataset |
|||
wx.navigateTo({ |
|||
url: `/subpages/discussion/pages/discussionDetail/discussionDetail?type=project&detailId=${id}&showClassify=show` |
|||
}) |
|||
}, |
|||
navigateToDiscussion() { |
|||
wx.setStorageSync('discusstionType', 'project') |
|||
wx.switchTab({ |
|||
url: '/pages/discussion/discussion' |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"component": true |
|||
} |
|||
@ -0,0 +1,81 @@ |
|||
<view class="project-progress" wx:if="{{projectList.length > 0}}"> |
|||
<view class="first"> |
|||
<view class="title">项目进度</view> |
|||
<view class="more" bindtap="navigateToDiscussion"> |
|||
<view class="tip">更多</view> |
|||
<view class="right-sword"> |
|||
<image src="../../../../images/home/right-sword-thin.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<scroll-view scroll-x="{{true}}"> |
|||
<view class="project-list"> |
|||
<block wx:for="{{projectList}}" wx-key="index"> |
|||
<view class="project-item" wx:if="{{index !== projectList.length - 1}}" data-id="{{item.id}}" bindtap="navigateToProjectDetail"> |
|||
<view class="project-img"> |
|||
<image mode="aspectFill" wx:if="{{item.images.length > 0}}" class="top-bg" src="{{item.images[0]}}" /> |
|||
<image wx:else class="top-bg" src="https://epdc-shibei.elinkservice.cn/epdcFile/M00/02/89/rBAAM16O4_OAB6d6AALSjaFpI9M647.png" /> |
|||
<view class="project-state">{{item.stateName}}</view> |
|||
</view> |
|||
<view class="content">{{item.itemContent}}</view> |
|||
<view class="detail"> |
|||
<view class="left"> |
|||
<view class="avatar"> |
|||
<image src="{{item.avatar}}" /> |
|||
</view> |
|||
<view class="name">{{item.nickname}}</view> |
|||
</view> |
|||
<view class="right"> |
|||
表达态度 {{item.statementNum}}次 |
|||
<!-- <view class="item"> |
|||
<view class="icon eye"> |
|||
<image src="../../../../images/home/eye.png" /> |
|||
</view> |
|||
<view class="tip">{{item.approveNum}}</view> |
|||
</view> |
|||
<view class="item"> |
|||
<view class="icon"> |
|||
<image src="../../../../images/home/remark.png" /> |
|||
</view> |
|||
<view class="tip">{{item.opposeNum}}</view> |
|||
</view> --> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="item-container" wx:else> |
|||
<view class="project-item" data-id="{{item.id}}" bindtap="navigateToProjectDetail"> |
|||
<view class="project-img"> |
|||
<image mode="aspectFill" wx:if="{{item.images.length > 0}}" class="top-bg" src="{{item.images[0]}}" /> |
|||
<image wx:else class="top-bg" src="https://epdc-shibei.elinkservice.cn/epdcFile/M00/02/89/rBAAM16O4_OAB6d6AALSjaFpI9M647.png" /> |
|||
<view class="project-state">{{item.stateName}}</view> |
|||
</view> |
|||
<view class="content">{{item.itemContent}}</view> |
|||
<view class="detail"> |
|||
<view class="left"> |
|||
<view class="avatar"> |
|||
<image src="{{item.avatar}}" /> |
|||
</view> |
|||
<view class="name">{{item.nickname}}</view> |
|||
</view> |
|||
<view class="right"> |
|||
表达态度 {{item.statementNum}}次 |
|||
<!-- <view class="item"> |
|||
<view class="icon eye"> |
|||
<image src="../../../../images/home/eye.png" /> |
|||
</view> |
|||
<view class="tip">{{item.approveNum}}</view> |
|||
</view> |
|||
<view class="item"> |
|||
<view class="icon"> |
|||
<image src="../../../../images/home/remark.png" /> |
|||
</view> |
|||
<view class="tip">{{item.opposeNum}}</view> |
|||
</view> --> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
@ -0,0 +1,170 @@ |
|||
image { |
|||
width: 100%; |
|||
height: 100%; |
|||
float: left; |
|||
} |
|||
|
|||
.project-progress { |
|||
width: 100%; |
|||
margin-top: 12rpx; |
|||
background: #fff; |
|||
} |
|||
|
|||
.first { |
|||
width: 100%; |
|||
height: 85rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
} |
|||
|
|||
.first .title { |
|||
font-size: 34rpx; |
|||
color: #333333; |
|||
} |
|||
|
|||
.first .more { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.first .more .tip { |
|||
font-size: 28rpx; |
|||
color: #c5c5c5; |
|||
} |
|||
|
|||
.first .more .right-sword { |
|||
width: 14rpx; |
|||
height: 22rpx; |
|||
margin-left: 4rpx; |
|||
} |
|||
|
|||
scroll-view { |
|||
width: 100%; |
|||
height: 364rpx; |
|||
} |
|||
|
|||
scroll-view .project-list { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
padding-bottom: 30rpx; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item { |
|||
flex-shrink: 0; |
|||
width: 472rpx; |
|||
margin-left: 30rpx; |
|||
} |
|||
|
|||
scroll-view .project-list .item-container { |
|||
flex-shrink: 0; |
|||
width: 532rpx; |
|||
box-sizing: border-box; |
|||
padding-right: 30rpx; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .project-img { |
|||
width: 100%; |
|||
height: 226rpx; |
|||
border-radius: 10rpx 10rpx 0 0; |
|||
overflow: hidden; |
|||
position: relative; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .project-img .project-state { |
|||
width: 86rpx; |
|||
height: 38rpx; |
|||
background-image: linear-gradient(90deg, |
|||
#ffac00 0%, |
|||
#ffbf00 100%), |
|||
linear-gradient( |
|||
#f7f7f7, |
|||
#f7f7f7); |
|||
background-blend-mode: normal, |
|||
normal; |
|||
border-radius: 10rpx 0 10rpx 0; |
|||
font-size: 22rpx; |
|||
line-height: 38rpx; |
|||
text-align: center; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
letter-spacing: 0px; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .content { |
|||
font-size: 32rpx; |
|||
color: #333; |
|||
height: 76rpx; |
|||
line-height: 76rpx; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail { |
|||
width: 100%; |
|||
height: 32rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail .left { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail .left .avatar { |
|||
width: 30rpx; |
|||
height: 30rpx; |
|||
border-radius: 50%; |
|||
overflow: hidden; |
|||
margin-right: 6rpx; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail .left .name { |
|||
font-size: 20rpx; |
|||
color: #444; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail .right { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
font-size: 20rpx; |
|||
color: #999999; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail .right .item { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail .right .item + .item { |
|||
margin-left: 22rpx; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail .right .item .icon { |
|||
width: 23rpx; |
|||
height: 22rpx; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail .right .item .icon.eye { |
|||
width: 27rpx; |
|||
height: 21rpx; |
|||
} |
|||
|
|||
scroll-view .project-list .project-item .detail .right .item .tip { |
|||
font-size: 20rpx; |
|||
color: #999999; |
|||
margin-left: 8rpx; |
|||
} |
|||
|
|||
@ -1,36 +1,36 @@ |
|||
<view class="sudoku"> |
|||
<view class="content"> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToAssociation"> |
|||
<image src="../../../../images/home/association.png" /> |
|||
<view class="name">左邻右舍</view> |
|||
<view class="item first" hover-stay-time="150" bindtap="navigateToCommunityNews"> |
|||
<image src="../../../../images/home/community-news.png" /> |
|||
<view class="name">社区资讯</view> |
|||
</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToDiscussion"> |
|||
<image src="../../../../images/home/discussion.png" /> |
|||
<view class="name">有么说么</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToDiscussion"> |
|||
<image src="../../../../images/home/add-discussion.png" /> |
|||
<view class="name">我要报事</view> |
|||
</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToProperty"> |
|||
<image src="../../../../images/home/property.png" /> |
|||
<view class="name">我的物业</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToSafe"> |
|||
<image src="../../../../images/home/safe-yushan.png" /> |
|||
<view class="name">平安榆山</view> |
|||
</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToHeart"> |
|||
<image src="../../../../images/home/heart.png" /> |
|||
<view class="name">互帮互助</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToProperty"> |
|||
<image src="../../../../images/home/service-company.png" /> |
|||
<view class="name">我的物业</view> |
|||
</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToIntegral"> |
|||
<image src="../../../../images/home/integral.png" /> |
|||
<image src="../../../../images/home/point-ranking.png" /> |
|||
<view class="name">积分排行</view> |
|||
</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToSafe"> |
|||
<image src="../../../../images/home/safe.png" /> |
|||
<view class="name">平安榆山</view> |
|||
</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToEducation"> |
|||
<image src="../../../../images/home/edu.png" /> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToEducation"> |
|||
<image src="../../../../images/home/community-education.png" /> |
|||
<view class="name">社区教育</view> |
|||
</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToSyntheticalService"> |
|||
<image src="../../../../images/home/synthetical-service.png" /> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToSyntheticalService"> |
|||
<image src="../../../../images/home/all-service.png" /> |
|||
<view class="name">综合服务</view> |
|||
</view> |
|||
<view class="item" hover-stay-time="150" bindtap="navigateToInfoList"> |
|||
<image src="../../../../images/home/notice.png" /> |
|||
<view class="name">通知公告</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
After Width: | Height: | Size: 221 KiB |
|
After Width: | Height: | Size: 655 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 31 KiB |
@ -0,0 +1,27 @@ |
|||
const homeApi = require('../../../../utils/home') |
|||
|
|||
Page({ |
|||
data: { |
|||
detailObj: {}, |
|||
detailId: '', |
|||
detailObjContent: '' |
|||
}, |
|||
onLoad(option) { |
|||
if (option.id) { |
|||
this.setData({ |
|||
detailId: option.id |
|||
}) |
|||
this.getDetail() |
|||
} |
|||
}, |
|||
getDetail() { |
|||
homeApi.contentDetail(this.data.detailId).then(res => { |
|||
console.log(res) |
|||
this.setData({ |
|||
detailObj: res.data |
|||
}) |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"navigationBarTitleText": "资讯详情" |
|||
} |
|||
@ -0,0 +1,21 @@ |
|||
<wxs module="filter" src="../../../../utils/filter.wxs"></wxs> |
|||
<view class="notice-detail"> |
|||
<view class="selfContent"> |
|||
<view class="detail-title">{{detailObj.noticeTitle}}</view> |
|||
<view class="detail-subtitle"> |
|||
<view class="left"> |
|||
<span>{{detailObj.deptName}}</span> |
|||
<span>{{filter.formatTime(detailObj.noticeTime, 'yyyy-MM-dd')}}</span> |
|||
</view> |
|||
<view class="right"> |
|||
<view class="readNum"> |
|||
<image src="../../images/ic_yueduliang.png" /> |
|||
</view> |
|||
<view class="num">{{detailObj.readingAmount}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="richContent"> |
|||
<rich-text nodes="{{detailObj.noticeContent}}"></rich-text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,72 @@ |
|||
.notice-detail { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
box-sizing: border-box; |
|||
padding: 20rpx; |
|||
background: #f7f7f7; |
|||
} |
|||
.selfContent { |
|||
width: 100%; |
|||
display: table; |
|||
background: #ffffff; |
|||
border-radius: 16rpx; |
|||
box-sizing: border-box; |
|||
padding: 0 25rpx 38rpx; |
|||
} |
|||
.detail-title { |
|||
font-family: PingFang-SC-Bold; |
|||
font-size: 48rpx; |
|||
font-weight: bold; |
|||
line-height: 68rpx; |
|||
color: #333333; |
|||
padding-top: 40rpx; |
|||
} |
|||
.detail-subtitle { |
|||
display: flex; |
|||
width: 100%; |
|||
justify-content: space-between; |
|||
font-size: 22rpx; |
|||
color: #999999; |
|||
margin-top:45rpx; |
|||
} |
|||
.detail-subtitle .left span:nth-child(1){ |
|||
margin-right: 32rpx; |
|||
} |
|||
.detail-subtitle .right{ |
|||
display: flex; |
|||
height: 32rpx; |
|||
line-height: 32rpx; |
|||
} |
|||
|
|||
.detail-subtitle .right .readNum { |
|||
/* display: inline-block; */ |
|||
width: 32rpx; |
|||
height: 32rpx; |
|||
margin-right: 10rpx; |
|||
} |
|||
.detail-subtitle .right .readNum image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
float:left; |
|||
object-fit: cover; |
|||
} |
|||
.banner { |
|||
width: 100%; |
|||
height: 400rpx; |
|||
margin: 39rpx 0 19rpx 0; |
|||
} |
|||
.banner image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
float:left; |
|||
object-fit: cover; |
|||
border-radius: 16rpx; |
|||
overflow: hidden; |
|||
} |
|||
.paragraph { |
|||
font-size: 38rpx; |
|||
line-height: 58rpx; |
|||
color: #333333; |
|||
text-indent: 76rpx; |
|||
margin-top:22rpx; |
|||
} |
|||
@ -0,0 +1,84 @@ |
|||
const homeApi = require('../../../../utils/home') |
|||
|
|||
Page({ |
|||
data: { |
|||
tabList: [], |
|||
currentTab: '', |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
newsList: [], |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
currentView: 'item' |
|||
}, |
|||
onShow() { |
|||
wx.showLoading({ |
|||
title: '加载中,,,' |
|||
}) |
|||
this.contentList() |
|||
this.contentModuleList() |
|||
}, |
|||
onPageScroll() { |
|||
this.setData({ |
|||
loadMoreVisible: true |
|||
}) |
|||
if (this.loadMoreType === 'loading') { |
|||
this.pageNo += 1 |
|||
this.contentList() |
|||
} |
|||
}, |
|||
changeTab(e) { |
|||
const { tab } = e.currentTarget.dataset |
|||
this.setData({ |
|||
currentTab: tab, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
newsList: [], |
|||
currentView: `item${tab}` |
|||
}) |
|||
wx.showLoading({ |
|||
title: '加载中,,,' |
|||
}) |
|||
this.contentList() |
|||
}, |
|||
// 获取资讯列表
|
|||
contentList() { |
|||
const params = { |
|||
pageIndex: this.data.pageNo, |
|||
pageSize: this.data.pageSize, |
|||
typeId: this.data.currentTab |
|||
} |
|||
homeApi.contentList(params).then(res => { |
|||
console.log('社区最新资讯', res) |
|||
this.setData({ |
|||
newsList: res.data, |
|||
loadMoreType: res.data.length === this.data.pageSize ? 'loading' : 'none' |
|||
}) |
|||
wx.hideLoading() |
|||
}).catch(err => { |
|||
console.error(err) |
|||
wx.hideLoading() |
|||
}) |
|||
}, |
|||
// 获取栏目列表
|
|||
contentModuleList() { |
|||
homeApi.contentModuleList().then(res => { |
|||
console.log('栏目列表', res) |
|||
const tabList = [] |
|||
res.data.forEach(item => { |
|||
tabList.push({ label: item.typeName, value: item.id }) |
|||
}) |
|||
this.setData({ |
|||
tabList: [...[{ label: '最新资讯', value: '' }], ...tabList] |
|||
}) |
|||
}).catch(err => { |
|||
console.error('', err) |
|||
}) |
|||
}, |
|||
navigateToDetail(e) { |
|||
const { id } = e.currentTarget.dataset |
|||
wx.navigateTo({ |
|||
url: `/subpages/communityNews/pages/detail/detail?id=${id}` |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"navigationBarTitleText": "社区资讯", |
|||
"navigationBarTextStyle": "white", |
|||
"navigationBarBackgroundColor": "#bb0300" |
|||
} |
|||
@ -0,0 +1,35 @@ |
|||
<view class="community-news"> |
|||
<scroll-view scroll-x="{{true}}" scroll-with-animation="{{true}}" scroll-into-view="{{currentView}}"> |
|||
<view class="tab-list"> |
|||
<view id="{{'item' + item.value}}" hover-class="item-hover" hover-stay-time="250" class="tab-item {{currentTab === item.value ? 'active' : ''}}" wx:for="{{tabList}}" wx-key="index" wx:for-item="item" wx:for-index="index" bindtap="changeTab" data-tab="{{item.value}}"> |
|||
{{item.label}} |
|||
<view class="select-tab"></view> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
<view class="news-list" wx:if="{{newsList.length > 0}}"> |
|||
<view class="list-item" wx:for="{{newsList}}" wx-key="index" wx:for-item="item" wx:for-index="index" bindtap="navigateToDetail" data-id="{{item.id}}"> |
|||
<view class="news-img"> |
|||
<image src="{{item.imgUrl}}" /> |
|||
</view> |
|||
<view class="detail"> |
|||
<view class="title">{{item.noticeTitle}}</view> |
|||
<view class="bottom-detail"> |
|||
<view class="time">{{item.releaseTime}}</view> |
|||
<view class="page-view"> |
|||
<view class="page-view-img"> |
|||
<image src="../../../../images/home/eye.png" /> |
|||
</view> |
|||
<view class="num">{{item.readingAmount}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="no-data" wx:if="{{newsList.length === 0 && loadMoreType === 'none'}}"> |
|||
<view class="no-data-container"> |
|||
<image src="../../images/nothing.png" /> |
|||
</view> |
|||
</view> |
|||
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more> |
|||
</view> |
|||
@ -0,0 +1,155 @@ |
|||
image { |
|||
width: 100%; |
|||
height: 100%; |
|||
float: left; |
|||
} |
|||
|
|||
.community-news { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.community-news scroll-view { |
|||
width: 100%; |
|||
height: 90rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
.community-news scroll-view .tab-list { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.community-news scroll-view .tab-item { |
|||
font-size: 28rpx; |
|||
color: #999; |
|||
line-height: 90rpx; |
|||
height: 90rpx; |
|||
padding: 0 29rpx; |
|||
flex-shrink: 0; |
|||
position: relative; |
|||
} |
|||
|
|||
.item-hover { |
|||
background: #ddd; |
|||
} |
|||
|
|||
.community-news scroll-view .tab-item.active { |
|||
font-size: 30rpx; |
|||
color: #bb0300; |
|||
} |
|||
|
|||
.community-news scroll-view .tab-item .select-tab { |
|||
width: 40rpx; |
|||
height: 6rpx; |
|||
background-color: #bb0300; |
|||
border-radius: 3rpx; |
|||
position: absolute; |
|||
bottom: 0px; |
|||
left: calc(50% - 20rpx); |
|||
display: none; |
|||
} |
|||
|
|||
.community-news scroll-view .tab-item.active .select-tab { |
|||
display: block; |
|||
} |
|||
|
|||
.community-news scroll-view .tab-item + .tab-item { |
|||
margin-left: 19rpx; |
|||
} |
|||
|
|||
.news-list { |
|||
width: 100%; |
|||
background: #fff; |
|||
margin-top: calc(16rpx + 90rpx); |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
} |
|||
|
|||
.news-list .list-item { |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
padding: 30rpx 0; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.news-list .list-item + .list-item { |
|||
border-top: 1rpx solid #eaeaea; |
|||
} |
|||
|
|||
.news-list .list-item .news-img { |
|||
width: 210rpx; |
|||
height: 150rpx; |
|||
border-radius: 8rpx; |
|||
overflow: hidden; |
|||
margin-right: 20rpx; |
|||
} |
|||
|
|||
.news-list .list-item .detail { |
|||
width: calc(100% - 210rpx - 20rpx); |
|||
height: 150rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.news-list .list-item .detail .title { |
|||
font-size: 34rpx; |
|||
color: #3f3f3f; |
|||
line-height: 44rpx; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.news-list .list-item .bottom-detail { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.news-list .list-item .bottom-detail .time { |
|||
font-size: 22rpx; |
|||
letter-spacing: 1px; |
|||
color: #aaa; |
|||
} |
|||
|
|||
.news-list .list-item .bottom-detail .page-view { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-start; |
|||
} |
|||
.news-list .list-item .bottom-detail .page-view .page-view-img { |
|||
width: 30rpx; |
|||
height: 24rpx; |
|||
margin-right: 12rpx; |
|||
} |
|||
|
|||
.news-list .list-item .bottom-detail .page-view .num { |
|||
font-size: 24rpx; |
|||
letter-spacing: 1px; |
|||
color: #aaa; |
|||
} |
|||
|
|||
.no-data { |
|||
width: 100%; |
|||
height:calc(100vh - 90rpx - 100rpx - 20rpx); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.no-data .no-data-container { |
|||
width: 534rpx; |
|||
height: 258rpx; |
|||
} |
|||
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,9 @@ |
|||
const request = require('../../../utils/request') |
|||
|
|||
export function showIdentity(params) { |
|||
return request.post('app-user/partyMember/showIdentity', params) |
|||
} |
|||
|
|||
export function getDentityDetail() { |
|||
return request.get('app-user/partyMember/dentityDetail') |
|||
} |
|||
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
@ -0,0 +1,197 @@ |
|||
import { showIdentity, getDentityDetail } from '../../api/status' |
|||
const uploadImageUrl = |
|||
'https://epdc-yushan.elinkservice.cn/epdc-api/api/group/topic/upload' |
|||
|
|||
Page({ |
|||
data: { |
|||
streetVisible: false, |
|||
conditionListVisible: false, |
|||
checkboxSelectOptions: [], |
|||
sayingValue: '', //党员格言
|
|||
promiseValue: '', //党员承诺
|
|||
introValue: '', //服务范围
|
|||
uploadTitleImage: { |
|||
uploaded: true, |
|||
url: '', |
|||
}, |
|||
showIdentityFlag: 0, // 是否亮过身份 0 否 1 是
|
|||
}, |
|||
onLoad: function (options) { |
|||
if (options.showIdentityFlag) { |
|||
this.setData({ |
|||
showIdentityFlag: options.showIdentityFlag, |
|||
}) |
|||
} |
|||
if (this.data.showIdentityFlag == 1) { |
|||
this.getDentityDetail() |
|||
} |
|||
}, |
|||
introBlur(e) { |
|||
this.setData({ |
|||
introValue: e.detail.value, |
|||
}) |
|||
}, |
|||
introInput(e) { |
|||
this.setData({ |
|||
introValue: e.detail.value, |
|||
}) |
|||
}, |
|||
introFocus() { |
|||
this.setData({}) |
|||
}, |
|||
sayingBlur(e) { |
|||
this.setData({ |
|||
sayingValue: e.detail.value, |
|||
}) |
|||
}, |
|||
sayingInput(e) { |
|||
this.setData({ |
|||
sayingValue: e.detail.value, |
|||
}) |
|||
}, |
|||
sayingFocus() { |
|||
this.setData({}) |
|||
}, |
|||
promiseBlur(e) { |
|||
this.setData({ |
|||
promiseValue: e.detail.value, |
|||
}) |
|||
}, |
|||
promiseInput(e) { |
|||
this.setData({ |
|||
promiseValue: e.detail.value, |
|||
}) |
|||
}, |
|||
promiseFocus() { |
|||
this.setData({}) |
|||
}, |
|||
// 提交--亮身份
|
|||
showIdentity() { |
|||
const params = { |
|||
headUrl: this.data.uploadTitleImage.url, // 地址
|
|||
motto: this.data.sayingValue, //格言
|
|||
promise: this.data.promiseValue, // 承诺
|
|||
serviceArea: this.data.introValue, // 服务范围
|
|||
} |
|||
|
|||
if (!this.data.sayingValue) { |
|||
wx.showToast({ |
|||
title: '请输入党员格言', |
|||
icon: 'none', |
|||
duration: 1000, |
|||
}) |
|||
return |
|||
} |
|||
if (!this.data.promiseValue) { |
|||
wx.showToast({ |
|||
title: '请输入党员承诺', |
|||
icon: 'none', |
|||
duration: 1000, |
|||
}) |
|||
return |
|||
} |
|||
if (!this.data.introValue) { |
|||
wx.showToast({ |
|||
title: '请输入服务范围', |
|||
icon: 'none', |
|||
duration: 1000, |
|||
}) |
|||
return |
|||
} |
|||
if (!this.data.uploadTitleImage.url) { |
|||
wx.showToast({ |
|||
title: '请上传党员头像', |
|||
icon: 'none', |
|||
duration: 1000, |
|||
}) |
|||
return |
|||
} |
|||
wx.showLoading({ |
|||
title: '提交中,请稍等', |
|||
mask: true, |
|||
}) |
|||
showIdentity(params) |
|||
.then((res) => { |
|||
wx.hideLoading() |
|||
wx.showToast({ |
|||
title: '亮身份成功', |
|||
icon: 'success', |
|||
duration: 1000, |
|||
mask: true, |
|||
success: () => { |
|||
// wx.navigateBack({
|
|||
// delta: 1,
|
|||
// })
|
|||
wx.reLaunch({ |
|||
url: '/pages/index/index', |
|||
}) |
|||
}, |
|||
}) |
|||
}) |
|||
.catch(() => { |
|||
wx.hideLoading() |
|||
}) |
|||
}, |
|||
// 回显---党员亮身份
|
|||
getDentityDetail() { |
|||
const params = { |
|||
identityNo: this.data.identityNo, |
|||
} |
|||
getDentityDetail(params) |
|||
.then((res) => { |
|||
this.setData({ |
|||
sayingValue: res.data.motto, // 格言
|
|||
promiseValue: res.data.promise, // 承诺
|
|||
introValue: res.data.serviceArea, // 服务范围
|
|||
['uploadTitleImage.url']: res.data.headUrl, // 头像
|
|||
}) |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
// 上传头像
|
|||
previewImage(e) { |
|||
wx.previewImage({ |
|||
urls: [e.currentTarget.dataset.src], |
|||
}) |
|||
}, |
|||
chooseImage() { |
|||
const _this = this |
|||
wx.chooseImage({ |
|||
count: 1, |
|||
sizeType: ['original', 'compressed'], |
|||
success(res) { |
|||
_this.setData({ |
|||
'uploadTitleImage.uploaded': false, |
|||
'uploadTitleImage.url': res.tempFilePaths[0], |
|||
}) |
|||
wx.uploadFile({ |
|||
url: uploadImageUrl, |
|||
filePath: res.tempFilePaths[0], |
|||
name: 'file', |
|||
header: { |
|||
'Content-type': 'multipart/form-data', |
|||
Authorization: wx.getStorageSync('token'), |
|||
}, |
|||
success(fileRes) { |
|||
const uploadTitleImage = { |
|||
uploaded: true, |
|||
url: JSON.parse(fileRes.data).data, |
|||
} |
|||
_this.setData({ |
|||
uploadTitleImage, |
|||
}) |
|||
}, |
|||
}) |
|||
}, |
|||
}) |
|||
}, |
|||
deleteImage(e) { |
|||
const uploadTitleImage = { |
|||
url: '', |
|||
uploaded: true, |
|||
} |
|||
this.setData({ |
|||
uploadTitleImage, |
|||
}) |
|||
}, |
|||
}) |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"wux-popup-select": "../../../../dist/popup-select/index", |
|||
"wux-cell": "../../../../dist/cell/index" |
|||
}, |
|||
"navigationBarTitleText": "亮身份" |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
<view class="party-saying"> |
|||
<text class="party-saying-text">格言</text> |
|||
<textarea placeholder="请填写您的人士格言（不超过30字）" maxlength='30' placeholder-class="placeholder-saying" bindblur='sayingBlur' bindinput='sayingInput' bindfocus='sayingFocus' value="{{sayingValue}}" /> |
|||
</view> |
|||
<view class="party-promise"> |
|||
<text class="party-saying-text">承诺</text> |
|||
<textarea placeholder="请填写您的为民服务承诺（不超过100字）" maxlength='100' placeholder-class="placeholder-saying" bindblur='promiseBlur' bindinput='promiseInput' bindfocus='promiseFocus' value="{{promiseValue}}" /> |
|||
</view> |
|||
<view class="intro"> |
|||
<text class="party-saying-text">服务范围</text> |
|||
<textarea placeholder="请填写您的为民服务范围（不超过100字）" maxlength='100' placeholder-class="placeholder-saying" bindblur='introBlur' bindinput='introInput' bindfocus='introFocus' value="{{introValue}}" /> |
|||
</view> |
|||
<view class="header-image"> |
|||
<text class="party-saying-text">上传头像</text> |
|||
<view class="image-item" wx:if="{{uploadTitleImage.url}}"> |
|||
<image class="issue-image" src="{{uploadTitleImage.url}}" bindtap="previewImage" data-src="{{uploadTitleImage.url}}" /> |
|||
<image wx:if="{{!uploadTitleImage.uploaded}}" class="loading" src="../../images/loading.gif" /> |
|||
<image bindtap="deleteImage" class="close" wx:else src="../../images/icon_close.png" /> |
|||
</view> |
|||
<image wx:else src="../../images/ig_tianjiatupian@2x.png" bindtap="chooseImage" /> |
|||
</view> |
|||
<view class="button-view"> |
|||
<view class="show-status" bind:tap="showIdentity">点亮徽章</view> |
|||
</view> |
|||
@ -0,0 +1,113 @@ |
|||
page { |
|||
background: #f8f8fa; |
|||
} |
|||
|
|||
.party-saying, |
|||
.intro, |
|||
.party-promise { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: 300rpx; |
|||
padding: 30rpx; |
|||
background: #fff; |
|||
margin-top: 10rpx; |
|||
} |
|||
|
|||
.party-saying-text { |
|||
font-size: 34rpx; |
|||
} |
|||
|
|||
textarea { |
|||
margin-top: 10rpx; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.placeholder-saying { |
|||
color: #A8A8A8; |
|||
font-size: 32rpx; |
|||
} |
|||
|
|||
.button-view { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
} |
|||
|
|||
.show-status { |
|||
width: 440rpx; |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
background-image: linear-gradient(90deg, |
|||
#db1a1f 20%, |
|||
#e95027 100%), |
|||
linear-gradient(#ffffff, |
|||
#ffffff); |
|||
box-shadow: 0px 4px 27px 0px rgba(220, 28, 31, 0.29); |
|||
border-radius: 40rpx; |
|||
color: #fff; |
|||
font-size: 34rpx; |
|||
text-align: center; |
|||
margin-top: 65rpx; |
|||
} |
|||
|
|||
|
|||
.wux-cell__ft { |
|||
width: 480rpx !important; |
|||
box-sizing: border-box !important; |
|||
white-space: nowrap !important; |
|||
overflow: hidden !important; |
|||
text-overflow: ellipsis !important; |
|||
text-align: left !important; |
|||
} |
|||
|
|||
.wux-cell:after { |
|||
border: none !important; |
|||
} |
|||
|
|||
.wux-cell--access .wux-cell__ft:after { |
|||
width: 0rpx !important; |
|||
height: 0rpx !important; |
|||
} |
|||
|
|||
/* 上传头像 */ |
|||
.header-image { |
|||
width: 100%; |
|||
height: 280rpx; |
|||
box-sizing: border-box; |
|||
padding: 10rpx 30rpx; |
|||
background: #fff; |
|||
margin-top: 10rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.image-item { |
|||
width: 180rpx; |
|||
height: 180rpx; |
|||
position: relative; |
|||
margin-top: 10rpx; |
|||
} |
|||
|
|||
.image-item .loading { |
|||
position: absolute; |
|||
left: 25%; |
|||
top: 25%; |
|||
width: 50%; |
|||
height: 50%; |
|||
} |
|||
|
|||
.image-item .close { |
|||
position: absolute; |
|||
top: -10rpx; |
|||
right: -10rpx; |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
|
|||
.header-image image { |
|||
width: 180rpx; |
|||
height: 180rpx; |
|||
object-fit: cover; |
|||
border-radius: 8rpx; |
|||
margin-top: 10rpx; |
|||
} |
|||
Loading…
Reference in new issue