zhaoyongnian
6 years ago
20 changed files with 535 additions and 103 deletions
@ -1,3 +1,7 @@ |
|||
{ |
|||
"navigationBarTitleText": "锦水味道" |
|||
"navigationBarTitleText": "锦水味道", |
|||
"usingComponents": { |
|||
"load-more": "../../../../components/loadMore/loadMore", |
|||
"no-data":"../../../../components/nodata/nodata" |
|||
} |
|||
} |
|||
@ -1,20 +1,19 @@ |
|||
<view class="box"> |
|||
<view class="item"> |
|||
<view class="box" wx:if="{{noticelist.length > 0}}"> |
|||
<view class="item" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index" |
|||
wx:for="{{noticelist}}" |
|||
bindtap="toDetail" |
|||
data-id="{{item.id}}"> |
|||
<image src="../../images/test.jpg"></image> |
|||
<view class="name"> |
|||
锦水美食 |
|||
</view> |
|||
</view> |
|||
<view class="item"> |
|||
<image src="../../images/test.jpg"></image> |
|||
<view class="name"> |
|||
锦水美食 |
|||
</view> |
|||
</view> |
|||
<view class="item"> |
|||
<image src="../../images/test.jpg"></image> |
|||
<view class="name"> |
|||
锦水美食 |
|||
{{item.noticeTitle}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
|
|||
<no-data isShow="{{nodata}}"></no-data> |
|||
|
After Width: | Height: | Size: 1.2 KiB |
@ -1,3 +1,7 @@ |
|||
{ |
|||
"navigationBarTitleText": "锦水印象" |
|||
"navigationBarTitleText": "锦水印象", |
|||
"usingComponents": { |
|||
"load-more": "../../../../components/loadMore/loadMore", |
|||
"no-data":"../../../../components/nodata/nodata" |
|||
} |
|||
} |
|||
@ -1,3 +1,17 @@ |
|||
<view class="" hover-class="none" hover-stop-propagation="false"> |
|||
锦水印象 |
|||
<view class="list-item" |
|||
wx:if="{{noticelist.length > 0}}" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index" |
|||
wx:for="{{noticelist}}" |
|||
bindtap="toDetail" |
|||
data-id="{{item.id}}"> |
|||
<view class="name">{{item.noticeTitle}}</view> |
|||
<view class="info">我们城市建设在转变城市功能的同时，更加关注于群众的生活质量的提升，给予百姓以更多的关心和方便我们城市建设在转变城市功能的同时，更加关注于群众的生活质量的提升，给予百姓以更多的关心和方便</view> |
|||
</view> |
|||
|
|||
|
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
|
|||
<no-data isShow="{{nodata}}"></no-data> |
|||
@ -1 +1,31 @@ |
|||
/* subpages/understandJs/pages/impression/impression.wxss */ |
|||
page { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.list-item { |
|||
width: 100%; |
|||
padding: 40rpx 28rpx; |
|||
margin-top: 16rpx; |
|||
background: #fff; |
|||
} |
|||
|
|||
.list-item .name { |
|||
width: calc(100% - 56rpx); |
|||
font-size: 34rpx; |
|||
font-weight: 500; |
|||
color: rgba(51, 51, 51, 1); |
|||
line-height: 50rpx; |
|||
} |
|||
|
|||
.list-item .info { |
|||
margin-top: 15rpx; |
|||
width: calc(100% - 56rpx); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
color: rgba(153, 153, 153, 1); |
|||
line-height: 44rpx; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
-webkit-line-clamp: 2; |
|||
overflow: hidden; |
|||
} |
|||
@ -1,24 +1,13 @@ |
|||
<button class="index top" hover-class="hover-btn" bindtap="goImpression"> |
|||
<image class="img-bj" src="../../images/test.jpg"></image> |
|||
<view class="shadow"> |
|||
<button class="index top" |
|||
hover-class="hover-btn" |
|||
bindtap="goDetails" |
|||
wx:for-item="item" |
|||
wx:key="index" |
|||
wx:for-index="index" |
|||
wx:for="{{modulelist}}" |
|||
data-moduleCode="{{item.moduleCode}}"> |
|||
<image class="img-bj" src="{{item.imgUrl}}"></image> |
|||
<!-- <view class="shadow"> |
|||
<image class="img-name" src="../../images/jsyx.png"></image> |
|||
</view> |
|||
</button> |
|||
<button class="index" hover-class="hover-btn" bindtap="goDeliDcious"> |
|||
<image class="img-bj" src="../../images/test.jpg"></image> |
|||
<view class="shadow"> |
|||
<image class="img-name" src="../../images/jswd.png"></image> |
|||
</view> |
|||
</button> |
|||
<button class="index" hover-class="hover-btn" bindtap="goArchives"> |
|||
<image class="img-bj" src="../../images/test.jpg"></image> |
|||
<view class="shadow"> |
|||
<image class="img-name" src="../../images/jsda.png"></image> |
|||
</view> |
|||
</button> |
|||
<button class="index" hover-class="hover-btn" bindtap="goSclerotia"> |
|||
<image class="img-bj" src="../../images/test.jpg"></image> |
|||
<view class="shadow"> |
|||
<image class="img-name" src="../../images/jsyh.png"></image> |
|||
</view> |
|||
</view> --> |
|||
</button> |
|||
@ -0,0 +1,80 @@ |
|||
const api = require('../../../../utils/understandJs') |
|||
import util from '../../../../utils/util' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
noticeObj: {}, |
|||
noticeObjContent: '' |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.noticeDetail(options.id) |
|||
}, |
|||
noticeDetail(noticeId){ |
|||
let that = this; |
|||
api.noticeDetail(noticeId).then(function (res) { //了解锦水-模块管理接口
|
|||
that.setData({ |
|||
noticeObj: res.data, |
|||
noticeObjContent: util.formatRichText(res.data.noticeContent) |
|||
}) |
|||
|
|||
console.log(that.data.noticeObj) |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"usingComponents": {}, |
|||
"navigationBarTitleText": "详情" |
|||
} |
|||
@ -0,0 +1,21 @@ |
|||
<wxs module="filter" src="../../../../utils/filter.wxs"></wxs> |
|||
<view class="notice-detail"> |
|||
<view class="selfContent"> |
|||
<view class="detail-title">{{noticeObj.noticeTitle}}</view> |
|||
<view class="detail-subtitle"> |
|||
<view class="left"> |
|||
<span>{{noticeObj.deptName}}</span> |
|||
<span>{{filter.formatTime(noticeObj.newsStartTime, 'yyyy-MM-dd')}}</span> |
|||
</view> |
|||
<view class="right"> |
|||
<view class="readNum"> |
|||
<image src="../images/ic_yueduliang.png" /> |
|||
</view> |
|||
<view class="num">{{noticeObj.readingAmount}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="richContent"> |
|||
<rich-text nodes="{{noticeObjContent}}"></rich-text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,88 @@ |
|||
.notice-detail { |
|||
width: 100%; |
|||
height: 100%; |
|||
box-sizing: border-box; |
|||
padding: 20rpx; |
|||
background: #f7f7f7; |
|||
} |
|||
.richContent img{ |
|||
width: 100%!important; |
|||
height: auto; |
|||
} |
|||
.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; |
|||
} |
|||
|
|||
.default { |
|||
border: 1px solid #eaeaea; |
|||
} |
|||
.default span { |
|||
color: #999999; |
|||
} |
|||
.active { |
|||
border: 1px solid #ffab00; |
|||
} |
|||
.active span { |
|||
color: #ffb700; |
|||
} |
|||
@ -1,3 +1,7 @@ |
|||
{ |
|||
"navigationBarTitleText": "硬核锦水" |
|||
"navigationBarTitleText": "硬核锦水", |
|||
"usingComponents": { |
|||
"load-more": "../../../../components/loadMore/loadMore", |
|||
"no-data":"../../../../components/nodata/nodata" |
|||
} |
|||
} |
|||
@ -1,29 +1,24 @@ |
|||
<view class="list-item" hover-class="none" hover-stop-propagation="false"> |
|||
<view class="list-item" |
|||
hover-class="none" |
|||
hover-stop-propagation="false" |
|||
wx:if="{{deptinfolist.length > 0}}" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index" |
|||
wx:for="{{deptinfolist}}"> |
|||
<view class="top" hover-class="none" hover-stop-propagation="false"> |
|||
玫瑰社区 |
|||
{{item.deptName}} |
|||
</view> |
|||
|
|||
<view class="bottom" hover-class="none" hover-stop-propagation="false"> |
|||
<view class="name"> |
|||
0531-88888888 |
|||
{{item.mobile}} |
|||
</view> |
|||
<image class="" src="../../images/phone.png"> |
|||
|
|||
</image> |
|||
<image bindtap="mobile" |
|||
data-mobile="{{item.mobile}}" class="" src="../../images/phone.png" /> |
|||
</view> |
|||
</view> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
|
|||
<view class="list-item" hover-class="none" hover-stop-propagation="false"> |
|||
<view class="top" hover-class="none" hover-stop-propagation="false"> |
|||
玫瑰社区 |
|||
</view> |
|||
|
|||
<view class="bottom" hover-class="none" hover-stop-propagation="false"> |
|||
<view class="name"> |
|||
0531-88888888 |
|||
</view> |
|||
<image class="" src="../../images/phone.png"> |
|||
|
|||
</image> |
|||
</view> |
|||
</view> |
|||
<no-data isShow="{{nodata}}"></no-data> |
|||
@ -1,8 +1,23 @@ |
|||
var fly = require('./request.js') |
|||
module.exports = { |
|||
noticelist: noticelist |
|||
modulelist: modulelist, |
|||
deptinfolist:deptinfolist, |
|||
noticelist: noticelist, |
|||
noticeDetail:noticeDetail |
|||
} |
|||
// 了解锦水-模块管理接口
|
|||
function modulelist() { |
|||
return fly.get('custom/module/list') |
|||
} |
|||
//了解锦水-硬核管理接口
|
|||
function deptinfolist(params) { |
|||
return fly.get('custom/deptinfo/list',params) |
|||
} |
|||
// 通知列表(通)
|
|||
function noticelist(params) { |
|||
return fly.get('news/v2/notice/list', params) |
|||
} |
|||
// 通知详情
|
|||
function noticeDetail(noticeId) { |
|||
return fly.get(`news/notice/detail/${noticeId}`) |
|||
} |
|||
Loading…
Reference in new issue