Browse Source

优化

master
zhaoyongnian 5 years ago
parent
commit
8791ff57ca
  1. 6
      pages/heart/heart.wxml
  2. 69
      pages/heart/heart.wxss
  3. 2
      pages/indexNew/indexNew.js
  4. 5
      pages/indexNew/indexNew.wxml
  5. 16
      pages/indexNew/indexNew.wxss
  6. 4
      subpages/discussion/pages/addIssue/addIssue.wxml
  7. 2
      subpages/heart/pages/leaderboard/leaderboard.json
  8. 2
      subpages/heart/pages/signed/signed.json
  9. 2
      subpages/home/pages/notice/notice.json
  10. 10
      subpages/integralCentre/pages/index/index.wxss

6
pages/heart/heart.wxml

@ -31,15 +31,15 @@
</view> </view>
<view class="toptabs"> <view class="toptabs">
<wux-tabs controlled scroll current="{{ key }}" bindchange="onTabsChange"> <wux-tabs controlled scroll current="{{ key }}" bindchange="onTabsChange">
<wux-tab key="tab1" title="招募令"></wux-tab> <wux-tab key="tab1" title="下单参与"></wux-tab>
<wux-tab key="tab2" title="精彩活动"></wux-tab> <wux-tab key="tab2" title="精彩活动"></wux-tab>
<wux-tab key="tab3" title="已报名"></wux-tab> <wux-tab key="tab3" title="参与记录"></wux-tab>
</wux-tabs> </wux-tabs>
<view class="top" bindtap="toLeaderboard"> <view class="top" bindtap="toLeaderboard">
<view class="imgtop"> <view class="imgtop">
<image class="topimg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB71646VqAUpWyAAAC6j5D3pU580.png" /> <image class="topimg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB71646VqAUpWyAAAC6j5D3pU580.png" />
</view> </view>
<view class="toptxt">爱心榜</view> <view class="toptxt">志愿积分</view>
</view> </view>
</view> </view>
<block> <block>

69
pages/heart/heart.wxss

@ -4,40 +4,49 @@ page {
line-height: 1.6; line-height: 1.6;
background: #f7f7f7; background: #f7f7f7;
} }
.container { .container {
width: 100vw; width: 100vw;
} }
.page-body { .page-body {
padding-top: 30rpx; padding-top: 30rpx;
background: #ffffff; background: #fff;
} }
.page-section { .page-section {
width: 100%; width: 100%;
margin-bottom: 60rpx; margin-bottom: 60rpx;
} }
.page-section_center { .page-section_center {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.page-section:last-child { .page-section:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.page-section-gap { .page-section-gap {
box-sizing: border-box; box-sizing: border-box;
padding: 0 30rpx; padding: 0 30rpx;
} }
.page-section-spacing { .page-section-spacing {
box-sizing: border-box; box-sizing: border-box;
padding: 0 20rpx; padding: 0 20rpx;
} }
.page-section-title { .page-section-title {
font-size: 28rpx; font-size: 28rpx;
color: #999999; color: #999;
margin-bottom: 10rpx; margin-bottom: 10rpx;
padding-left: 30rpx; padding-left: 30rpx;
padding-right: 30rpx; padding-right: 30rpx;
} }
.page-section-gap .page-section-title { .page-section-gap .page-section-title {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
@ -47,10 +56,11 @@ page {
position: relative; position: relative;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: #1AAD19; background-color: #1aad19;
color: #FFFFFF; color: #fff;
font-size: 36rpx; font-size: 36rpx;
} }
.demo-text-1:before { .demo-text-1:before {
content: 'A'; content: 'A';
position: absolute; position: absolute;
@ -58,14 +68,16 @@ page {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.demo-text-2 { .demo-text-2 {
position: relative; position: relative;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: #2782D7; background-color: #2782d7;
color: #FFFFFF; color: #fff;
font-size: 36rpx; font-size: 36rpx;
} }
.demo-text-2:before { .demo-text-2:before {
content: 'B'; content: 'B';
position: absolute; position: absolute;
@ -73,14 +85,16 @@ page {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.demo-text-3 { .demo-text-3 {
position: relative; position: relative;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: #F1F1F1; background-color: #f1f1f1;
color: #353535; color: #353535;
font-size: 36rpx; font-size: 36rpx;
} }
.demo-text-3:before { .demo-text-3:before {
content: 'C'; content: 'C';
position: absolute; position: absolute;
@ -92,17 +106,20 @@ page {
button { button {
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
button:last-child { button:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.page-section-title { .page-section-title {
padding: 0; padding: 0;
} }
.swiper-item { .swiper-item {
display: block; display: block;
height: 300rpx; height: 300rpx;
} }
.banner { .banner {
overflow: hidden; overflow: hidden;
height: 300rpx; height: 300rpx;
@ -110,6 +127,7 @@ button:last-child{
width: 100%; width: 100%;
border-radius: 16rpx; border-radius: 16rpx;
} }
.dots { .dots {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -121,56 +139,62 @@ button:last-child{
height: 16rpx; height: 16rpx;
border-radius: 8rpx; border-radius: 8rpx;
margin-left: 10rpx; margin-left: 10rpx;
background: #D2D5DA; background: #d2d5da;
transition: all .3s; transition: all 0.3s;
} }
.dots .dot.active { .dots .dot.active {
width: 40rpx; width: 40rpx;
background-image: linear-gradient(90deg, #FC5555 58%, #FC5555 100%); background-image: linear-gradient(90deg, #fc5555 58%, #fc5555 100%);
} }
.page-section-title { .page-section-title {
margin-top: 60rpx; margin-top: 60rpx;
position: relative; position: relative;
} }
.info { .info {
position: absolute; position: absolute;
right: 0; right: 0;
color: #353535; color: #353535;
font-size: 30rpx; font-size: 30rpx;
} }
.page-foot { .page-foot {
margin-top: 50rpx; margin-top: 50rpx;
} }
swiper { swiper {
height: 320rpx; height: 320rpx;
} }
.tab-view { .tab-view {
height: 98rpx; height: 98rpx;
width: 100wh; width: 100wh;
background-color: #FFFFFF; background-color: #fff;
margin-top: 30rpx; margin-top: 30rpx;
} }
.wux-tabs__tab { .wux-tabs__tab {
font-size: 32rpx !important; font-size: 32rpx !important;
color: #8393A0!important; color: #8393a0 !important;
} }
.wux-tabs__tab--current { .wux-tabs__tab--current {
color:#333333!important; color: #333 !important;
font-weight: bold; font-weight: bold;
font-size: 40rpx !important; font-size: 40rpx !important;
} }
.wux-tabs__tab-bar { .wux-tabs__tab-bar {
background: #FB3535!important; background: #fb3535 !important;
height: 10rpx !important; height: 10rpx !important;
border-radius: 6rpx !important; border-radius: 6rpx !important;
margin-top: -40rpx !important; margin-top: -40rpx !important;
width: 80% !important; width: 80% !important;
margin-left: 10%!important; margin-left: 20rpx !important;
} }
.top { .top {
position: absolute; position: absolute;
width: 200rpx; width: 200rpx;
@ -178,10 +202,12 @@ swiper{
right: 20rpx; right: 20rpx;
margin-top: -80rpx; margin-top: -80rpx;
} }
.toptxt { .toptxt {
color: #8393A0; color: #8393a0;
line-height: 80rpx; line-height: 80rpx;
} }
.imgtop { .imgtop {
width: 44rpx; width: 44rpx;
height: 32rpx; height: 32rpx;
@ -189,8 +215,13 @@ swiper{
margin-top: 28rpx; margin-top: 28rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
.topimg { .topimg {
float: left; float: left;
width: 44rpx; width: 44rpx;
height: 32rpx; height: 32rpx;
} }
.wux-tabs__tab--horizontal.wux-tabs__tab--scroll {
padding: 0 20rpx !important;
}

2
pages/indexNew/indexNew.js

@ -418,7 +418,7 @@ Page({
//功能暂未开放 //功能暂未开放
nofunction() { nofunction() {
wx.showToast({ wx.showToast({
title: '功能暂未开放~', title: '敬请期待',
icon: 'none', icon: 'none',
duration: 1000 duration: 1000
}) })

5
pages/indexNew/indexNew.wxml

@ -125,7 +125,7 @@
<button bindtap="moreNotice" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> <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> <image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161ChOAayOhAACQGnm1tII484.png'></image>
</button> </button>
<view class="grid-new-text">通知公告</view> <view class="grid-new-text">政策导航</view>
</view> </view>
<view class="grid-new-item"> <view class="grid-new-item">
<button bindtap="nofunction" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> <button bindtap="nofunction" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn">
@ -152,6 +152,9 @@
</view> </view>
</view> </view>
<image src="{{item.newsImageUrl}}"></image> <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> </view>
<!-- <view hidden="{{nomorenews}}" class="nomorenews">没有更多了~</view> --> <!-- <view hidden="{{nomorenews}}" class="nomorenews">没有更多了~</view> -->

16
pages/indexNew/indexNew.wxss

@ -510,7 +510,7 @@ page {
border-bottom: 1rpx solid #eaeaea; border-bottom: 1rpx solid #eaeaea;
padding: 41rpx 18rpx 31rpx 15rpx; padding: 41rpx 18rpx 31rpx 15rpx;
display: flex; display: flex;
align-items: center; /* align-items: center; */
} }
.list-all .list-item:first-child { .list-all .list-item:first-child {
@ -562,6 +562,20 @@ page {
border-radius: 10rpx; border-radius: 10rpx;
} }
.list-all .list-item .label {
position: absolute;
z-index: 999;
width: 34rpx;
height: 34rpx;
right: 45rpx;
}
.list-all .list-item .label image {
position: absolute;
width: 100%;
height: 100%;
}
.nomorenews { .nomorenews {
display: flex; display: flex;
justify-content: center; justify-content: center;

4
subpages/discussion/pages/addIssue/addIssue.wxml

@ -3,8 +3,8 @@
<view class="issue-content"> <view class="issue-content">
<textarea maxlength="500" value="{{issueContent}}" bindinput="bindTextareaInput"> <textarea maxlength="500" value="{{issueContent}}" bindinput="bindTextareaInput">
<view class="textarea-placeholder" style="display: {{issueContent ? 'none': 'block'}}"> <view class="textarea-placeholder" style="display: {{issueContent ? 'none': 'block'}}">
<view>1、请对您反映的事儿尽量描述清楚</view> <view>请把您要上报的事写明白</view>
<view>2、请提出您的诉求和希望</view> <!-- <view>2、请提出您的诉求和希望</view> -->
</view> </view>
</textarea> </textarea>
<view class="image-list"> <view class="image-list">

2
subpages/heart/pages/leaderboard/leaderboard.json

@ -1,5 +1,5 @@
{ {
"navigationBarTitleText": "爱心排行榜", "navigationBarTitleText": "志愿积分榜",
"usingComponents": { "usingComponents": {
"preload-loveranking-item": "./components/preloadLoverankingItem/preloadLoverankingItem" "preload-loveranking-item": "./components/preloadLoverankingItem/preloadLoverankingItem"
} }

2
subpages/heart/pages/signed/signed.json

@ -1,5 +1,5 @@
{ {
"navigationBarTitleText": "已报名活动", "navigationBarTitleText": "参与记录",
"usingComponents": { "usingComponents": {
"activity-item": "./components/activityItem/activityItem", "activity-item": "./components/activityItem/activityItem",
"pulldown-refresh": "/components/pullDownRefresh/pullDownRefresh", "pulldown-refresh": "/components/pullDownRefresh/pullDownRefresh",

2
subpages/home/pages/notice/notice.json

@ -1,5 +1,5 @@
{ {
"usingComponents": { "usingComponents": {
}, },
"navigationBarTitleText": "通知" "navigationBarTitleText": "政策导航"
} }

10
subpages/integralCentre/pages/index/index.wxss

@ -1,6 +1,7 @@
page { page {
background: #f7f7f7; background: #f7f7f7;
} }
.home { .home {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -159,11 +160,13 @@ page{
} }
/* 积分排行 */ /* 积分排行 */
.Top { .Top {
height: 20rpx; height: 20rpx;
width: 100%; width: 100%;
background: #fff; background: #fff;
} }
.tab-item { .tab-item {
background: #fff; background: #fff;
height: 80rpx; height: 80rpx;
@ -281,11 +284,14 @@ button::after {
font-weight: 500; font-weight: 500;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
margin-left: 90rpx; margin-left: 90rpx;
width: calc(100% - 131rpx); width: 330rpx;
display: -webkit-box; /* display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
overflow: hidden; */
overflow: hidden; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
.ph-list .right { .ph-list .right {

Loading…
Cancel
Save