sws
/
carInsightSystem_wxapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
dev
liuyongli 3 years ago
parent 766e3e3a2a
commit 045ae7d77d
5 changed files with 100 additions and 52 deletions
Show Stats Download Patch File Download Diff File

2
components/indexCom/barometerChild/index.json
Unescape View File

@ -1,7 +1,7 @@
{
"component": true,
"usingComponents": {
"c-echars": "../../c-echars/index",
"c-echars": "/components/c-echars/index",
"time-component":"/components/timecomponent/index"
}
}

1
components/indexCom/barometerChild/index.wxml
Unescape View File

@ -12,6 +12,5 @@
<view class="brand_tu">
<c-echars showChart="{{showChart}}" canvasId="ratingbar-canvas" chartId="ratingbar" chartOption="{{negativeOption}}" height="100%"></c-echars>
</view>
</view>
</view>

26
components/indexCom/dataChild/index.js
Unescape View File

@ -5,44 +5,44 @@ Component({
totallist:[
{
url:'/images/ruku.png',
text:'入库数据总量',
text:'入库数据',
num:'198,897,987'
},
{
url:'/images/weibo.png',
text:'微博数据总量',
num:'198,897,987'
},
{
url:'/images/qita.png',
text:'其他数据总量',
text:'微博数据',
num:'198,897,987'
},
{
url:'/images/shipin.png',
text:'短视频数据总量',
text:'短视频数据',
num:'198,897,987'
},
{
url:'/images/weixin.png',
text:'微信数据总量',
text:'微信数据',
num:'198,897,987'
},
{
url:'/images/app.png',
text:'APP数据总量',
text:'APP数据',
num:'198,897,987'
},
{
url:'/images/luntan.png',
text:'论坛数据总量',
text:'论坛数据',
num:'198,897,987'
},
{
url:'/images/xinwen.png',
text:'新闻数据总量',
text:'新闻数据',
num:'198,897,987'
}
},
{
url:'/images/qita.png',
text:'其他数据',
num:'198,897,987'
},
],
showChart: true,

35
components/indexCom/dataChild/index.wxml
Unescape View File

@ -10,7 +10,7 @@
<view class="trend_tu">
<c-echars showChart="{{showChart}}" canvasId="eventbar-canvas" chartId="eventbar" chartOption="{{chartOption}}" height="100%"></c-echars>
</view>
</view>
<view class="data">
<view class="text">入库数据量</view>
@ -29,21 +29,38 @@
<view class="box_text">半年累计入库</view>
</view>
</view>
</view>
<view class="total" wx:for="{{totallist}}" wx:key="url" >
<!-- <view class="total" wx:for="{{totallist}}" wx:key="url">
<view class="content_left">
<view class="total_img">
<image style="width: 100%;height: 100%;" src="{{item.url}}"></image>
</view>
</view>
<view class="content_right">
<view class="total_text">{{item.text}}</view>
<view class="total_num">{{item.num}}</view>
<van-icon size="22px" name="arrow" style="color: rgb(232, 232, 232);margin-left: 10rpx;" />
</view>
</view> -->
<view class="total">
<view class="total1" wx:for="{{totallist}}" wx:key="url">
<view class="total1_content">
<view class="content_left">
<view class="total_img">
<image style="width: 100%;height: 100%;" src="{{item.url}}"></image>
</view>
<view class="total_text">{{item.text}}</view>
</view>
<view class="content_left">
<view class="total_num">{{item.num}}</view>
<van-icon size="22px" name="arrow" style="color: rgb(232, 232, 232);margin-left: 10rpx;" />
<view class="content_right">
<view class="right_total">
<view class="total_text">{{item.text}}</view>
<view class="total_num">{{item.num}}</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>

88
components/indexCom/dataChild/index.wxss
Unescape View File

@ -5,7 +5,7 @@
margin: 32rpx;
border-radius: 4rpx;
display: grid;
grid-template-columns: repeat(4,1fr);
grid-template-columns: repeat(4, 1fr);
grid-gap: 16rpx;
background-color: #fff;
}
@ -24,88 +24,120 @@
line-height: 64rpx;
height: 64rpx;
}
/* 入库数据趋势 */
.trend{
.trend {
width: 686rpx;
height: 486rpx;
background-color: #ffffff;
margin: 32rpx;
border-radius: 4rpx;
}
.trend_tu{
.trend_tu {
width: 100%;
height: 350rpx;
}
.text{
.text {
font-size: 36rpx;
padding: 32rpx;
}
/* 入库数据量 */
.data{
.data {
width: 686rpx;
height: 1232rpx;
height: 720rpx;
background-color: #ffffff;
margin: 32rpx;
border-radius: 4rpx;
}
.Cumulative{
.Cumulative {
width: 622rpx;
height: 108rpx;
background-color: #ebf5ff;
margin: 0rpx 32rpx ;
margin: 0rpx 32rpx;
}
.Cumulative_box{
.Cumulative_box {
padding: 24rpx;
display: flex;
text-align: center;
justify-content : space-between;
justify-content: space-between;
border: 1rpx solid #0084FF;
}
.box2{
.box2 {
width: 35%;
border-left: 1rpx solid #C0DFFF;
border-right: 1rpx solid #C0DFFF;
}
.box_num{
.box_num {
font-size: 24rpx;
font-weight: 600;
color: #0084ff;
}
.box_text{
.box_text {
font-size: 20rpx;
font-weight: 400;
color: #67b3ff;
}
/* 总量 */
.total{
height: 128rpx;
line-height: 128rpx;
.total {
width: 686rpx;
display: flex;
text-align: center;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 32rpx;
}
.total_img{
width: 64rpx;
height: 64rpx;
border-radius: 12rpx;
margin: 20rpx 20rpx 0 0rpx;
.total_img {
width: 64rpx;
height: 64rpx;
border-radius: 12rpx;
margin: 20rpx 20rpx 0 0rpx;
}
.total_text{
.total_text {
color: #999999;
font-size: 28rpx;
}
.content_left{
display: flex;
.total1 {
height: 128rpx;
flex-wrap: wrap;
justify-content: space-between;
width: 340rpx;
}
.total1,
.total1_content {
justify-content: space-between;
display: flex;
flex-wrap: wrap;
/* width: 300rpx; */
}
.total_num{
.total_num {
color: #333333;
font-size: 28rpx;
font-weight: 600;
}
.content_right {
height: 38rpx;
line-height: 38rpx;
text-align: right;
padding: 42rpx 0 32rpx 0;
}
.content_left {
padding: 30rpx 0 32rpx 0;
}
Write Preview
Loading…
Cancel
Save