Skip to content

C
crisis-event-miniprogram
Commit db5935e1 by liangyuhang
Options

危机库

parent dc94002c
Showing with 208 additions and 70 deletions
app.js
// app.js
App({
onLaunch() {
// 展示本地存储能力
const logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
}
})
},
globalData: {
userInfo: null
......
app.json
{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/report/report",
"pages/library/library",
"pages/usercenter/usercenter"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarBackgroundColor": "#025FEA",
"navigationBarTitleText": "危机汇",
"navigationBarTextStyle": "black"
"navigationBarTextStyle": "white"
},
"tabBar": {
"selectedColor":"#4551c2",
......
pages/index/index.wxml
......@@ -4,7 +4,7 @@
<!-- 横幅 -->
<view class="banner" wx:if="{{banner}}">
<swiper style="height: 50rpx;" autoplay="true" vertical="true" circular="true">
<block wx:for="{{crisisDynamic}}">
<block wx:for="{{crisisDynamic}}" wx:key="index">
<swiper-item>
<text>{{item.title}}</text>
<view class="close" bindtap="closeBanner">X</view>
......@@ -24,7 +24,7 @@
</view>
<!-- 锚点 -->
<view class="anchor">
<block wx:for="{{anchorList}}">
<block wx:for="{{anchorList}}" wx:key="index">
<view class="icon" bindtap="scrollToViewFn" data-id="{{item.id}}">
<image src="{{item.img}}"/>
<text class="text">{{item.text}}</text>
......@@ -42,7 +42,7 @@
<navigator url="/pages/library/library" open-type="switchTab" class="right">查看全部></navigator>
</view>
<swiper indicator-dots="true" autoplay="true" class="carousel" circular="true">
<block wx:for="{{crisisDynamic}}">
<block wx:for="{{crisisDynamic}}" wx:key="index">
<swiper-item>
<navigator url="https://crisis.zhiweidata.com/event/{{item.id}}">
<image class="dynamic_img" src="https://d1icd6shlvmxi6.cloudfront.net/gsc/L5VHPP/e9/83/b8/e983b88902ca4085bcbc34d714ac6904/images/首页/u22.svg?pageId=794f4729-ba77-4770-92d6-71dfe84a18c1" mode="scaleToFill" />
......@@ -77,7 +77,7 @@
<text>危机占比</text>
<text>涉及品牌</text>
</view>
<block wx:for="{{crisisField}}">
<block wx:for="{{crisisField}}" wx:key="index">
<view class="field-list">
<view class="field-tag">
<text>{{item.tag}}</text>
......@@ -101,7 +101,7 @@
<text class="title">危机复盘</text>
<text class="right">查看全部></text>
</view>
<block wx:for="{{crisisArticle}}">
<block wx:for="{{crisisArticle}}" wx:key="index">
<view class="article-list">
<view class="article-title">{{item.title}}</view>
<view class="article-time">{{item.publishTime}}</view>
......
pages/library/library.js
// pages/library/library.js
var http = require('../../utils/http')
Page({
/**
* 页面的初始数据
*/
data: {
conditions:[],
events:[]
eventList:[],
tabIndex:0,
conditions:[
{"name":"不限"},
{"name":"新消费"},
{"name":"互联网"},
{"name":"医疗"},
{"name":"汽车"}
// {"name":"全部"}
],
page:1,
size:10,
industry:'不限',
total:-1,
isloading:false
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
......@@ -27,9 +43,43 @@ Page({
* 生命周期函数--监听页面显示
*/
onShow: function () {
this.getEevntList();
},
switchTap(e){
var _index = e.currentTarget.dataset.index;
var _name = e.currentTarget.dataset.name;
// console.log("index:"+_index)
// console.log("name:"+_name)
this.setData({
tabIndex: _index,
industry:_name,
eventList:[]
})
this.getEevntList();
},
getEevntList(){
this.setData({
isloading:true
})
wx.showLoading({
title: '加载中...',
})
})
http.getRequest('/events?page='+this.data.page+'&size='+this.data.size+'&industry='+this.data.industry).then(res=>{
if(res.data.code==200){
// console.log(res)
this.setData({
// eventList:res.data.data.list
// eventList:[...this.data.eventList,...res.data.data.list]
eventList:this.data.eventList.concat(res.data.data.list),
total:res.data.data.total
})
}
wx.hideLoading()
this.setData({
isloading:false
})
})
},
/**
......@@ -57,7 +107,18 @@ Page({
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
if(this.data.page * this.data.size>=this.data.total){
//下一页无数据
return wx.showToast({
title: '没有下一页了!',
})
}
// 防止加载时刷新
if(this.data.isloading) return
this.setData({
page:this.data.page+1
})
this.getEevntList()
},
/**
......
pages/library/library.wxml
<!--pages/library/library.wxml-->
<text>pages/library/library.wxml</text>
<block></block>
\ No newline at end of file
<view class="condition-con">
<view class="condition-list">
<block wx:for="{{conditions}}" wx:key="index">
<view class="condition {{tabIndex==index? 'active' : ''}}" data-index="{{index}}" data-name="{{item.name}}" bind:tap="switchTap" >
{{item.name}}
</view>
</block>
</view>
</view>
<view>
<block wx:for="{{eventList}}" wx:key="index">
<view class="list">
<view class="image-box">
<image src="https://crisis.zhiweidata.com/app/{{item.imgUrl}}" mode="aspectFill" lazy-load="true" />
</view>
<view class="r">
<text class="title">{{item.eventName}}</text>
<view class="score">公关指数：<text style="color:#F7815A">{{item.interveneScore}}</text></view>
<text class="brand">{{item.priBrand}}</text>
<text class="time">{{dateUtil.dateFormat(item.startTime,'yyyy.MM.dd')}}</text>
</view>
</view>
</block>
</view>
<wxs module="dateUtil" src="../../wxs/timeUtil.wxs"></wxs>
\ No newline at end of file
pages/library/library.wxss
/* pages/library/library.wxss */
\ No newline at end of file
/* pages/library/library.wxss */
/* 条件 */
.condition-con{
height: 80rpx;
background-color: #025FEA;
}
.condition-list{
display: flex;
padding: 0 30rpx;
line-height: 80rpx;
}
.condition{
width: 20vh;
text-align: center;
font-size: 30rpx;
color: rgba(255, 255, 255, 0.5);
}
.active{
position: relative;
font-size: 32rpx;
color: #fff;
}
.active::after {
position: absolute;
content: '';
height: 5rpx;
width: 50rpx;
left: 50%;
bottom: 5rpx;
background: #fff;
margin-left: -25rpx;
border-radius: 4rpx;
}
/* 列表 */
.list{
display: flex;
height: 150rpx;
margin: 20rpx;
border-bottom: 1px solid #e3e4e4;
}
.list .image-box{
width: 150rpx;
text-align:center;
}
.list .image-box image{
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
.r{
margin-left: 20rpx;
width: 100%;
position: relative;
}
.r .title{
font-weight: bold;
font-size: 30rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.r .score{
position: absolute;
font-size: 28rpx;
color: #A0A0A0;
top: 50rpx;
left: 0;
}
.r .brand{
position: absolute;
background-color: #E5EDFA;
font-size: 28rpx;
color: #0A63EA;
bottom: 15rpx;
left: 0;
}
.r .time{
position: absolute;
font-size: 28rpx;
color: #A0A0A0;
bottom: 15rpx;
right: 0;
}
pages/logs/logs.js deleted 100644 → 0
// logs.js
const util = require('../../utils/util.js')
Page({
data: {
logs: []
},
onLoad() {
this.setData({
logs: (wx.getStorageSync('logs') || []).map(log => {
return {
date: util.formatTime(new Date(log)),
timeStamp: log
}
})
})
}
})
pages/logs/logs.json deleted 100644 → 0
{
"navigationBarTitleText": "查看启动日志",
"usingComponents": {}
}
\ No newline at end of file
pages/logs/logs.wxml deleted 100644 → 0
<!--logs.wxml-->
<view class="container log-list">
<block wx:for="{{logs}}" wx:key="timeStamp" wx:for-item="log">
<text class="log-item">{{index + 1}}. {{log.date}}</text>
</block>
</view>
pages/logs/logs.wxss deleted 100644 → 0
.log-list {
display: flex;
flex-direction: column;
padding: 40rpx;
}
.log-item {
margin: 10rpx;
}
project.private.config.json
......@@ -23,6 +23,12 @@
"pathName": "pages/usercenter/usercenter",
"query": "",
"scene": null
},
{
"name": "危机库",
"pathName": "pages/library/library",
"query": "",
"scene": null
}
]
}
......
utils/http.js
......@@ -25,13 +25,18 @@ function wxPromisify(fn) {
export const getRequest = (url, data) => {
var getRequest = wxPromisify(wx.request);
wx.showNavigationBarLoading()
// wx.showLoading({
// title: '加载中...',
// })
return getRequest({
url: baseURL+url,
method: 'GET',
data: data,
header: {
'Content-Type': 'application/json'
}
'Content-Type': 'application/json',
'token': wx.getStorageSync('token')
},
})
}
......@@ -44,7 +49,8 @@ export const postRequest = (url, data) => {
method: 'POST',
data: data,
header: {
"content-type": "application/json"
"content-type": "application/json",
'token': wx.getStorageSync('token')
},
})
}
......@@ -58,7 +64,8 @@ export const putRequest = (url, data) => {
method: 'PUT',
data: data,
header: {
"content-type": "application/json"
"content-type": "application/json",
'token': wx.getStorageSync('token')
},
})
}
......@@ -72,7 +79,8 @@ export const deleteRequest = (url, data) => {
method: 'PUT',
data: data,
header: {
"content-type": "application/json"
"content-type": "application/json",
'token': wx.getStorageSync('token')
},
})
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment