zhaobing’
1 year ago
18 changed files with 354 additions and 85 deletions
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 517 B |
After Width: | Height: | Size: 21 KiB |
@ -1,66 +0,0 @@ |
|||
// package/homePage/homePage.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
@ -1,3 +0,0 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
} |
@ -1,2 +0,0 @@ |
|||
<!--package/homePage/homePage.wxml--> |
|||
<text>package/homePage/homePage.wxml</text> |
@ -1 +0,0 @@ |
|||
/* package/homePage/homePage.wxss */ |
@ -0,0 +1,182 @@ |
|||
// package/subSystem/subSystem.js
|
|||
import * as echarts from 'echarts' // 从 npm 引入 echarts
|
|||
let chart = null; |
|||
|
|||
function initChart(canvas, width, height, dpr) { |
|||
chart = echarts.init(canvas, null, { |
|||
width: width, |
|||
height: height, |
|||
devicePixelRatio: dpr // new
|
|||
}); |
|||
canvas.setChart(chart); |
|||
|
|||
var option = { |
|||
tooltip: { |
|||
trigger: 'axis', |
|||
axisPointer: { // 坐标轴指示器,坐标轴触发有效
|
|||
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
|
|||
}, |
|||
confine: true |
|||
}, |
|||
legend: { |
|||
data: ['热度', '正面', '负面'] |
|||
}, |
|||
grid: { |
|||
left: 20, |
|||
right: 20, |
|||
bottom: 15, |
|||
top: 40, |
|||
containLabel: true |
|||
}, |
|||
xAxis: [ |
|||
{ |
|||
type: 'value', |
|||
axisLine: { |
|||
lineStyle: { |
|||
color: '#999' |
|||
} |
|||
}, |
|||
axisLabel: { |
|||
color: '#666' |
|||
} |
|||
} |
|||
], |
|||
yAxis: [ |
|||
{ |
|||
type: 'category', |
|||
axisTick: { show: false }, |
|||
data: ['汽车之家', '今日头条', '百度贴吧', '一点资讯', '微信', '微博', '知乎'], |
|||
axisLine: { |
|||
lineStyle: { |
|||
color: '#999' |
|||
} |
|||
}, |
|||
axisLabel: { |
|||
color: '#666' |
|||
} |
|||
} |
|||
], |
|||
series: [ |
|||
{ |
|||
name: '热度', |
|||
type: 'bar', |
|||
label: { |
|||
normal: { |
|||
show: true, |
|||
position: 'inside' |
|||
} |
|||
}, |
|||
data: [300, 270, 340, 344, 300, 320, 310], |
|||
itemStyle: { |
|||
// emphasis: {
|
|||
// color: '#37a2da'
|
|||
// }
|
|||
} |
|||
}, |
|||
{ |
|||
name: '正面', |
|||
type: 'bar', |
|||
stack: '总量', |
|||
label: { |
|||
normal: { |
|||
show: true |
|||
} |
|||
}, |
|||
data: [120, 102, 141, 174, 190, 250, 220], |
|||
itemStyle: { |
|||
// emphasis: {
|
|||
// color: '#32c5e9'
|
|||
// }
|
|||
} |
|||
}, |
|||
{ |
|||
name: '负面', |
|||
type: 'bar', |
|||
stack: '总量', |
|||
label: { |
|||
normal: { |
|||
show: true, |
|||
position: 'left' |
|||
} |
|||
}, |
|||
data: [-20, -32, -21, -34, -90, -130, -110], |
|||
itemStyle: { |
|||
// emphasis: {
|
|||
// color: '#67e0e3'
|
|||
// }
|
|||
} |
|||
} |
|||
] |
|||
}; |
|||
|
|||
chart.setOption(option); |
|||
return chart; |
|||
} |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
wx.setNavigationBarTitle({ |
|||
title: options.key, |
|||
}); |
|||
// 其他渲染逻辑
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
@ -0,0 +1,5 @@ |
|||
{ |
|||
|
|||
"usingComponents": { |
|||
} |
|||
} |
@ -0,0 +1,15 @@ |
|||
<!--package/subSystem/subSystem.wxml--> |
|||
|
|||
<view style="display: flex;justify-content: space-around;padding-top: 10px; background-image: linear-gradient(179deg, #006BE3 0%, #4E87FF 16%, #4e87ff00 93%);"> |
|||
<view> |
|||
<view>本月巡检次数</view> |
|||
<view class="number">0</view> |
|||
</view> |
|||
<view> |
|||
<view>本月维修次数</view> |
|||
<view class="number">0</view> |
|||
</view> |
|||
</view> |
|||
<view class="card"> |
|||
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" echarts="{{ echarts }}" ec="{{ ec }}"></ec-canvas> |
|||
</view> |
@ -0,0 +1,23 @@ |
|||
/* package/subSystem/subSystem.wxss */ |
|||
.number{ |
|||
width: 40px; |
|||
height: 26px; |
|||
font-family: D-DINExp; |
|||
font-weight: DINExp; |
|||
font-size: 24px; |
|||
color: #FFFFFF; |
|||
letter-spacing: 0; |
|||
} |
|||
|
|||
.card { |
|||
font-family: PingFangSC-Medium; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #333333; |
|||
background-color: #fff; |
|||
border: 1px solid #ddd; |
|||
border-radius: 8px; |
|||
padding: 10px 0px; |
|||
margin: 5px 5px; |
|||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
|||
} |
@ -1 +1,16 @@ |
|||
/* pages/home/home.wxss */ |
|||
.list { |
|||
font-family: PingFangSC-Regular; |
|||
font-weight: 400; |
|||
font-size: 12px; |
|||
color: #333333; |
|||
letter-spacing: 0; |
|||
} |
|||
.card { |
|||
background-color: #fff; |
|||
border: 1px solid #ddd; |
|||
border-radius: 8px; |
|||
/* padding: 10px; */ |
|||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
|||
margin: 10px; |
|||
} |
Loading…
Reference in new issue