elink-star
/
epdc-resident-mp-js
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

首页改版5.8

master
zhaoyongnian 5 years ago
parent
bba420966a
commit
e04a62e2ec
3 changed files with 261 additions and 35 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 31
      pages/indexNew/indexNew.js
  2. 88
      pages/indexNew/indexNew.wxml
  3. 177
      pages/indexNew/indexNew.wxss

31
pages/indexNew/indexNew.js
View File

@ -155,8 +155,8 @@ Page({
getNewsList: function() {
let that = this
let para = {
pageIndex: this.data.pageNo,
pageSize: this.data.pageSize,
pageIndex: 1, //this.data.pageNo,
pageSize: 5, //this.data.pageSize,
timestamp: getTimestamp()
}
api.newsList(para).then(function(res) {
@ -395,4 +395,31 @@ Page({
duration: 1000
})
},
//功能暂未开放
nofunction() {
wx.showToast({
title: '功能暂未开放~',
icon: 'none',
duration: 1000
})
},
//拨打电话
getPhone(e) {
wx.showModal({
title: '拨打电话',
content: `您确定拨打${e.currentTarget.dataset.number}`,
cancelColor: '#29B9A5',
confirmColor: '#29B9A5',
success: (res) => {
if (res.confirm) {
console.log('用户点击确定')
wx.makePhoneCall({
phoneNumber: e.currentTarget.dataset.number
})
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
}
})

88
pages/indexNew/indexNew.wxml
View File

@ -1,6 +1,6 @@
<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/05/rBAB716nk-eAbEAxAAANn46uZ0I895.png" />
<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>
@ -8,16 +8,21 @@
<!--所属网格-->
<view class="belong-grid">
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk_uAaDAaAAA2_zNBm_Y236.png" />
<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" />
<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="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/05/rBAB716nk4yASWCrAAAKA-kIkt0142.png" />
<image bindtap="toMine" class="my" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB716n_HiAZ9BOAAAIkMWBOnA191.png" />
<view class="newImage">
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160_caAFDdeAACsQB7kto8691.png"></image>
</view>
</view>
<!-- banner swiperBannerList -->
@ -41,7 +46,7 @@
</swiper>
</view>
<!-- 通知 -->
<view class="notice">
<!-- <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>
@ -61,18 +66,36 @@
</view>
</view>
</view>
</view>
<!-- <view class="notice-info" wx:if="{{noticeList.length > 0}}">疫情防控社区、医疗机构防控网格图联系方···</view> -->
</view>
<!-- <view class="right">
</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="83312345">
<image class="image1" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161AOiAXVKcAAAUoqwAWew587.png"></image>
<image class="image2" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161AbyAfYVeAAAdNklNbvM579.png"></image>
<text>83312345</text>
</view>
<!-- 我有话说 -->
<view class="grid-all">
<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="nofunction" 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/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>
@ -88,13 +111,34 @@
<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>
<!-- <image bindtap="wyss" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nki6AIOnKAAEFtEe51uE843.png"></image>
<image bindtap="dqhd" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkqeAFhyBAAEedWqz2eE440.png"></image>
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkrqAB9DJAAEx8Bq_7R8226.png"></image>
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nks6ALQtRAAExnBUFGQs281.png"></image> -->
</view> -->
<!-- 九宫格 -->
<view class="grid-new">
<view class="grid-new-item">
<button bindtap="nofunction" 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="nofunction" 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">

177
pages/indexNew/indexNew.wxss
View File

@ -40,11 +40,14 @@ page {
.belong-grid {
width: 100%;
height: 100rpx;
height: 160rpx;
position: relative;
}
.belong-grid .newbelong-grid {
display: flex;
flex-direction: row;
align-items: center;
/* align-items: center; */
justify-content: space-between;
}
@ -57,54 +60,70 @@ page {
z-index: 10;
}
.belong-grid .grid {
.belong-grid .newbelong-grid .grid {
/* width: 90%; */
width: calc(100% - 129rpx);
height: 100%;
height: 34rpx;
position: relative;
z-index: 100;
display: flex;
align-items: center;
}
.belong-grid .grid .party-logo {
.belong-grid .newbelong-grid .grid .party-logo {
width: 24rpx;
height: 30rpx;
margin: 0 14rpx 0 22rpx;
}
.belong-grid .grid .grid-name {
.belong-grid .newbelong-grid .grid .grid-name {
font-size: 32rpx;
color: #fff;
}
.belong-grid .grid .more-grid {
.belong-grid .newbelong-grid .grid .more-grid {
width: 16rpx;
height: 22rpx;
margin-left: 10rpx;
margin-top: 5rpx;
}
.belong-grid .my-and-news {
.belong-grid .newbelong-grid .my-and-news {
width: 129rpx;
height: 100%;
height: 34rpx;
position: relative;
z-index: 100;
display: flex;
align-items: center;
justify-content: flex-end;
}
.belong-grid .my-and-news .news {
.belong-grid .newbelong-grid .my-and-news .news {
width: 34rpx;
height: 34rpx;
margin-right: 24rpx;
}
.belong-grid .my-and-news .my {
.belong-grid .newbelong-grid .my-and-news .my {
width: 34rpx;
height: 34rpx;
margin-left: 30rpx;
}
.belong-grid .newImage {
position: relative;
height: calc(100% - 34rpx);
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
}
.belong-grid .newImage image {
width: 576rpx;
height: 52rpx;
}
/* .belong-grid .news {
width: 34rpx;
height: 34rpx;
@ -207,6 +226,43 @@ page {
/* bannner *********** end */
/* 新版通知 */
.newnotice {
width: calc(100% - 88rpx);
height: 102rpx;
margin-left: 24rpx;
position: relative;
z-index: 888;
margin-top: -31rpx;
border-radius: 10rpx;
background: rgba(253, 253, 253, 1);
box-shadow: 0px 4px 29px 0px rgba(63, 63, 63, 0.1);
padding: 0 20rpx;
display: flex;
align-items: center;
}
.newnotice .image1 {
width: 46rpx;
height: 40rpx;
}
.newnotice .image2 {
width: 174rpx;
height: 40rpx;
margin-left: 11rpx;
}
.newnotice text {
font-size: 50rpx;
font-family: Impact;
font-weight: 400;
font-style: italic;
color: rgba(72, 72, 72, 1);
margin-left: 25rpx;
}
/* 通知 start*/
.notice {
@ -356,6 +412,59 @@ page {
/* 通知 end*/
/* 我有事说新版 */
.grid-all-new {
height: 278rpx;
width: calc(100% - 42rpx);
margin-top: 29rpx;
margin-left: 21rpx;
}
.grid-all-new .weui-btn-left {
height: 100%;
width: 50%;
padding: 0;
border: none;
float: left;
}
.hover-btn {
box-shadow: 0 0 10rpx rgba(63, 63, 63, 0.1);
border: 1px solid #666;
}
.weui-btn-left+.weui-btn-left {
margin-top: 0 !important;
}
.grid-all-new .weui-btn-left image {
height: 100%;
width: 100%;
}
.grid-all-new .weui-btn-right {
height: 100%;
width: 50%;
float: left;
}
.grid-all-new .weui-btn-right .weui-btn-top {
height: 50%;
width: 100%;
padding: 0;
border: none;
}
.weui-btn-top+.weui-btn-top {
margin-top: 0 !important;
}
.grid-all-new .weui-btn-right .weui-btn-top image {
height: 100%;
width: 100%;
}
/* 我有事说 */
.grid-all {
@ -394,6 +503,7 @@ page {
.list-all {
width: calc(100% - 48rpx);
margin-left: 21rpx;
margin-top: 50rpx;
}
.list-all .list-item {
@ -403,6 +513,10 @@ page {
align-items: center;
}
.list-all .list-item:first-child {
border-top: 1rpx solid #eaeaea;
}
.list-all .list-item:last-child {
border: none;
}
@ -456,3 +570,44 @@ page {
color: #999;
padding: 20rpx;
}
/* 九宫格 */
.grid-new {
width: 100%;
height: 174rpx;
}
.grid-new-item {
width: 25%;
height: 174rpx;
float: left;
/* display: flex;
justify-content: center; *//* align-items: center; */
}
.grid-new-item .grid-new-text {
height: 48rpx;
width: 100%;
font-size: 28rpx;
line-height: 48rpx;
font-weight: 500;
color: rgba(63, 63, 63, 1);
text-align: center;
}
.grid-new-item .grid-new-btn {
height: 126rpx;
width: 126rpx;
padding: 0;
border: none;
}
.grid-new-btn+.grid-new-btn {
margin-top: 0 !important;
}
.grid-new-item .grid-new-btn image {
height: 100%;
width: 100%;
}

Write Preview
Loading…
Cancel
Save