liuyongli 3 years ago
parent 9f6bded31c
commit 741efbd1d3

@ -55,7 +55,7 @@
<view class="brand"> <view class="brand">
<view class="text">地区</view> <view class="text">地区</view>
<view class="echars"> <view class="echars">
<view class="echars_view"> <view class="echars_view" >
<c-echars showChart="{{showChart}}" canvasId="region-canvas1" chartId="regionbar1" chartOption="{{regionOption1}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="region-canvas1" chartId="regionbar1" chartOption="{{regionOption1}}" height="100%"></c-echars>
</view> </view>
<view class="echars_view"> <view class="echars_view">

@ -7,7 +7,7 @@
/* width: calc(100% - 32px); */ /* width: calc(100% - 32px); */
height: 484rpx; height: 484rpx;
background-color: #fff; background-color: #fff;
margin: 32rpx 0; margin: 32rpx auto;
border-radius: 4rpx; border-radius: 4rpx;
/* display: flex; */ /* display: flex; */
} }
@ -91,11 +91,14 @@
display: flex; display: flex;
width: calc(100% - 32px); width: calc(100% - 32px);
height: 410rpx; height: 410rpx;
padding: 32rpx 0 0 32rpx; margin: 0 auto;
/* padding: 0 24rpx 0 24rpx; */
/* justify-content: space-between; */ /* justify-content: space-between; */
} }
.echars_view{ .echars_view{
width: 308rpx; width: 350rpx;
height: 410rpx; height: 410rpx;
margin-top: -10px;
/* padding-left: 15px; */
} }

@ -53,10 +53,11 @@ export default function multiColumnsOption(dx = [], dValue = [], dName = [],colo
}, },
//图表位置 //图表位置
grid: { grid: {
left: 40, left: 20,
right: 40, right: 20,
bottom: 20, bottom: 20,
top: 50, top: 50,
containLabel: true
}, },
xAxis: { xAxis: {
type: 'category', type: 'category',

@ -32,7 +32,7 @@ export default function pictographicOption(dRegion = [], dValue = []) {
axisLabel: { axisLabel: {
margin: 10, margin: 10,
color: '#333333', color: '#333333',
fontSize: 12 fontSize: 10
} }
}, },
grid: { grid: {
@ -40,8 +40,8 @@ export default function pictographicOption(dRegion = [], dValue = []) {
top: 'top', top: 'top',
bottom: 20, bottom: 20,
height: 186, height: 186,
width: 48, width: 50,
left: 60, left: 58,
}, },
series: [ series: [
{ {
@ -63,8 +63,8 @@ export default function pictographicOption(dRegion = [], dValue = []) {
// position: 'right', // position: 'right',
// offset: [20, 0], // offset: [20, 0],
color: '#333333', color: '#333333',
fontSize: 12, fontSize: 10,
position: [60, -1] position: [60, 0]
}, },
showBackground: true, showBackground: true,
backgroundStyle: { backgroundStyle: {

@ -42,8 +42,8 @@ export default function pictographicOption(dRegion = [], dValue = [], dSum = 0)
top: '10%', top: '10%',
bottom: 5, bottom: 5,
height: 186, height: 186,
width: 48, width: 55,
left: 55, left: 58,
}, },
series: [{ series: [{
itemStyle: { itemStyle: {
@ -64,7 +64,7 @@ export default function pictographicOption(dRegion = [], dValue = [], dSum = 0)
// position: 'right', // position: 'right',
// offset: [20, 0], // offset: [20, 0],
color: '#333333', color: '#333333',
fontSize: 12, fontSize: 10,
position: [60, -2] position: [60, -2]
}, },
showBackground: true, showBackground: true,

@ -43,7 +43,7 @@ export default function pictographicOption(dRegion = [], dValue = [], dSum = 0)
}, },
grid: { grid: {
width: '50%', width: '50%',
height: 186, height: 180,
left:'23%', left:'23%',
}, },
series: [{ series: [{

@ -9,26 +9,26 @@ export default function sHistogram(dx = [], ds = [], data = [], color2 = [],barW
borderColor: "#3373CC", borderColor: "#3373CC",
textStyle: { textStyle: {
color: "#fff", //设置文字颜色 color: "#fff", //设置文字颜色
fontSize: 9 fontSize: 8
}, },
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;", extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;",
confine: true confine: true
}, },
legend: { legend: {
icon: 'rectangle', //data图标样式 icon: 'rectangle', //data图标样式
itemWidth: 10, //data图标大小 itemWidth: 9, //data图标大小
itemHeight: 10, itemHeight: 9,
left: 15, left: 10,
textStyle: { textStyle: {
fontSize: 8, fontSize: 7,
fontWeight: 400 fontWeight: 400
}, },
data: data, data: data,
}, },
//图表位置 //图表位置
grid: { grid: {
left: 20, left: 7,
right: 20, right: 7,
bottom: 15, bottom: 15,
top: 40, top: 40,
containLabel: true containLabel: true

@ -3,10 +3,11 @@ export default function brokenLine(dValue = [], dx = []) {
return { return {
grid: { grid: {
left: 40, left: 40,
right: 40,
top: 25, top: 25,
bottom: 25, bottom: 25,
height: 150, height: 150,
width: 320 // width: 320
}, },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',

@ -43,6 +43,7 @@ export default function stack(yName=[],data=[],color=[]){
}, },
grid: { grid: {
top: '13%', top: '13%',
left:50,
}, },
xAxis: { xAxis: {
type: 'value', type: 'value',

@ -30,7 +30,7 @@ export default function brokenLines(dName = [], dValue = [], dColor = [], dx = [
left: 7, left: 7,
right: 7, right: 7,
bottom: 7, bottom: 7,
top: 36, top: 40,
containLabel: true containLabel: true
}, },
yAxis: [{ yAxis: [{

@ -42,8 +42,8 @@
<view class="top_box"> <view class="top_box">
<view class="top-title"> <view class="top-title">
<view style="width: 45%;">品牌传播TOP媒体</view> <view style="width: 50%;margin-left: 5px;">品牌传播TOP媒体</view>
<view style="width:50%;margin-right: 32rpx;"> <view style="width:55%;">
<van-tabs type="card" active="{{ topActive }}" color="#BBBBBB" bind:change="changeModalHot"> <van-tabs type="card" active="{{ topActive }}" color="#BBBBBB" bind:change="changeModalHot">
<van-tab title="组一"></van-tab> <van-tab title="组一"></van-tab>
<van-tab title="组二" wx:if="{{brandTopData.length>2}}"></van-tab> <van-tab title="组二" wx:if="{{brandTopData.length>2}}"></van-tab>
@ -55,9 +55,9 @@
<view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].key}}</view> <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].key}}</view>
<view class="rank_list"> <view class="rank_list">
<view class="ranking"> <view class="ranking">
<view style="width: 33%;">排名</view> <view style="width: 30%;">排名</view>
<view style="width: 33%;">媒体</view> <view style="width: 30%;">媒体</view>
<view style="width: 33%;text-align: center;">传播量</view> <view style="width: 30%;text-align: center;">传播量</view>
</view> </view>
<view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V"> <view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
<view wx:if="{{index==0}}" style="width: 33%;"> <view wx:if="{{index==0}}" style="width: 33%;">

@ -21,11 +21,11 @@
.top_box { .top_box {
margin-top: 24rpx; margin-top: 24rpx;
width: 100%; width: calc(100% - 32px);
height: 100%; height: 100%;
background: #ffffff; background: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
padding: 32rpx 0; padding: 32rpx ;
} }
.top-title { .top-title {

@ -103,11 +103,10 @@
<view style="float:right;width:342rpx;height:486rpx;"> <view style="float:right;width:342rpx;height:486rpx;">
<c-echars showChart="{{showChart}}" canvasId="region-canvas1" chartId="regionbar1" chartOption="{{item.func[1]}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="region-canvas1" chartId="regionbar1" chartOption="{{item.func[1]}}" height="100%"></c-echars>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="chart_box"> <view class="chart_box" style="margin-top:36rpx;">
<view class="chart_title">微博用户性别对比</view> <view class="chart_title">微博用户性别对比</view>
<view class="table"> <view class="table">
<c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{genderOption}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{genderOption}}" height="100%"></c-echars>

@ -70,7 +70,7 @@
justify-content: flex-start; justify-content: flex-start;
} }
.area_box{ .area_box{
margin-top: 24rpx; margin: 24rpx 0;
width: 686rpx; width: 686rpx;
height: 970rpx; height: 970rpx;
background:#ffffff; background:#ffffff;

@ -107,7 +107,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="chart_box"> <view class="chart_box1">
<view class="chart_title">微博用户性别对比</view> <view class="chart_title">微博用户性别对比</view>
<view class="table"> <view class="table">
<c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{genderOption}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{genderOption}}" height="100%"></c-echars>

@ -1,7 +1,14 @@
.chart_box{ .chart_box{
margin-top: 24rpx; margin-top: 24rpx;
width: 686rpx; width: 686rpx;
height: 400rpx; height: 450rpx;
padding-top:32rpx ;
background: white;
}
.chart_box1{
margin-top: 24rpx;
width: 686rpx;
height: 450rpx;
padding-top:32rpx ; padding-top:32rpx ;
background: white; background: white;
} }
@ -72,7 +79,7 @@
.area_box{ .area_box{
margin-top: 24rpx; margin-top: 24rpx;
width: 686rpx; width: 686rpx;
height: 880rpx; height: 1000rpx;
background:#ffffff; background:#ffffff;
border-radius: 8rpx; border-radius: 8rpx;
padding:32rpx 0; padding:32rpx 0;

@ -67,7 +67,7 @@
</view> </view>
</view> </view>
<view class="area_box"> <view class="area_box" style="margin-top:36rpx;">
<view class="top-title"> <view class="top-title">
<view style="width: 45%;">活跃用户信息</view> <view style="width: 45%;">活跃用户信息</view>
</view> </view>
@ -83,7 +83,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="event_distribution"> <view class="event_distribution" style="margin-top:36rpx;">
<view class="chart_title">微博用户性别对比</view> <view class="chart_title">微博用户性别对比</view>
<view style="width: 100%;display: flex; justify-content: space-between;" > <view style="width: 100%;display: flex; justify-content: space-between;" >
<view class="table_pie"> <view class="table_pie">

@ -1,7 +1,7 @@
.chart_box{ .chart_box{
margin-top: 24rpx; margin-top: 24rpx;
width: 686rpx; width: 686rpx;
height: 400rpx; height: 450rpx;
padding-top:32rpx ; padding-top:32rpx ;
background: white; background: white;
} }
@ -70,13 +70,13 @@
.area_box{ .area_box{
margin-top: 24rpx; margin-top: 24rpx;
width: 686rpx; width: 686rpx;
height: 880rpx; height: 980rpx;
background:#ffffff; background:#ffffff;
border-radius: 8rpx; border-radius: 8rpx;
padding:32rpx 0; padding:32rpx 0;
} }
.event_distribution{ .event_distribution{
height: 894rpx; height: 900rpx;
padding-top:32rpx ; padding-top:32rpx ;
width: 686rpx; width: 686rpx;
background: #ffffff; background: #ffffff;

@ -150,6 +150,7 @@ Page({
this.setData({ this.setData({
crisisNum: val.totalNum crisisNum: val.totalNum
}) })
console.log('cd',val.totalNum > 999)
}).then(res => { }).then(res => {
this.setData({ this.setData({
crisisList: res crisisList: res

@ -45,9 +45,11 @@
</swiper> </swiper>
</view> </view>
<view class="bc-twt"> <view class="bc-twt">
<view style="background: #FF343F;color: #fff;padding:5px 10px;font-size: 11px;border-radius: 16px;" bindtap="handlerGoList"> <!-- <view wx:if=" {{crisisNum > 999}}" style="background: #FF343F;color: #fff;padding:5px 10px;font-size: 11px;border-radius: 16px;" bindtap="handlerGoList">999+</view> -->
<view else style="background: #FF343F;color: #fff;padding:5px 10px;font-size: 11px;border-radius: 16px;" bindtap="handlerGoList">
{{crisisNum}} {{crisisNum}}
</view> </view>
</view> </view>
</view> </view>
<view class="bc-top-bt"></view> <view class="bc-top-bt"></view>

@ -134,7 +134,6 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 500rpx; width: 500rpx;
font-weight: 600;
} }
.text_num{ .text_num{
color: #FF343F; color: #FF343F;

@ -81,7 +81,6 @@
} }
.circle-data-title { .circle-data-title {
font-size: 12px; font-size: 12px;
font-weight: 600;
color: #333333; color: #333333;
margin-top: 12rpx; margin-top: 12rpx;
} }
@ -107,7 +106,6 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 500rpx; width: 500rpx;
font-weight: 600;
} }
.text_num{ .text_num{
color: #FF343F; color: #FF343F;

@ -38,8 +38,8 @@
</view> </view>
<view class="tr-item"> <view class="tr-item">
<view class="tr-chart-title">车型销量TOP</view> <view class="tr-chart-title">车型销量TOP</view>
<view class="tr-chart-subTitle" style="padding-bottom: 48rpx;">{{saleTopTitle}}</view> <view class="tr-chart-subTitle">{{saleTopTitle}}</view>
<view class="tr-chart-item"> <view class="tr-chart-item" >
<c-echars showChart="{{showChart}}" canvasId="salesTop-canvas" chartId="salesTop" chartOption="{{saleTopOption}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="salesTop-canvas" chartId="salesTop" chartOption="{{saleTopOption}}" height="100%"></c-echars>
</view> </view>
</view> </view>

@ -1,197 +1,196 @@
.wb-content { .wb-content {
background-color: #f9f9f9; background-color: #f9f9f9;
padding-top: 16rpx; padding-top: 16rpx;
} }
.wb-item { .wb-item {
width: 91%; width: 91%;
/* height: 90%; */ /* height: 90%; */
margin: 0rpx 0rpx 32rpx 32rpx; margin: 0rpx 0rpx 32rpx 32rpx;
padding: 24rpx 0rpx 8rpx 0rpx; padding: 24rpx 0rpx 8rpx 0rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
} }
.wb-item1 { .wb-item1 {
width: 91%; width: 91%;
height: 90%; height: 90%;
margin: 0rpx 0rpx 32rpx 32rpx; margin: 0rpx 0rpx 32rpx 32rpx;
padding: 24rpx 0rpx 8rpx 0rpx; padding: 24rpx 0rpx 8rpx 0rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
} }
.wb-chart-title { .wb-chart-title {
font-size: 18px; font-size: 18px;
margin-left: 32rpx; margin-left: 32rpx;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
} }
.wb-area-title { .wb-area-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 18px; font-size: 18px;
margin-left: 32rpx; margin-left: 32rpx;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
} }
.wb-chart-item { .wb-chart-item {
width: 100%; width: 100%;
height: 360rpx; height: 360rpx;
/* display: flex; */ /* display: flex; */
} }
.wb-data { .wb-data {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
margin: 0rpx 24rpx 0rpx 30rpx; margin: 0rpx 24rpx 0rpx 30rpx;
} }
.wb-data-number { .wb-data-number {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
margin: 16rpx 24rpx 16rpx 30rpx; margin: 16rpx 24rpx 16rpx 30rpx;
} }
.circle-chart { .circle-chart {
width: 50%; width: 50%;
height: 340rpx; height: 340rpx;
} }
.circle-data { .circle-data {
width: 50%; width: 50%;
height: 340rpx; height: 340rpx;
} }
.circle-data-item { .circle-data-item {
color: #999999; color: #999999;
font-size: 10px; font-size: 10px;
line-height: 10px; line-height: 10px;
width: 33%; width: 33%;
} }
.circle-data-item2 { .circle-data-item2 {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
color: #333333; color: #333333;
font-size: 12px; font-size: 12px;
line-height: 12px; line-height: 12px;
font-weight: 600; font-weight: 600;
margin: 12rpx 0rpx 12rpx 0rpx; margin: 12rpx 0rpx 12rpx 0rpx;
} }
.circle-data-title { .circle-data-title {
font-size: 12px; font-size: 24rpx;
font-weight: 600; color: #333333;
color: #333333; margin-top: 12rpx;
margin-top: 12rpx;
} }
.area-item { .area-item {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
width: 100%; width: 100%;
height: 410rpx; height: 410rpx;
margin: 32rpx 0 0 0rpx; margin: 32rpx 0 0 0rpx;
} }
.area-item-chart { .area-item-chart {
width: 50%; width: 50%;
height: 410rpx; height: 410rpx;
} }
/* 车型热度排行 */ /* 车型热度排行 */
.wb-rank-list { .wb-rank-list {
width: 92%; width: 92%;
margin: 32rpx; margin: 32rpx;
} }
.ranking { .ranking {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
} }
.ranking-number { .ranking-number {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
.rank_num { .rank_num {
width: 53rpx; width: 53rpx;
height: 40rpx; height: 40rpx;
} }
/* kol */ /* kol */
.kol-content { .kol-content {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 16rpx 0 0 32rpx; margin: 16rpx 0 0 32rpx;
} }
.kol-item { .kol-item {
width: 30%; width: 30%;
height: 95px; height: 95px;
background: linear-gradient(135deg, #F9FCFF 0%, #F0F8FF 100%); background: linear-gradient(135deg, #F9FCFF 0%, #F0F8FF 100%);
border-radius: 2px; border-radius: 2px;
margin-right: 16rpx; margin-right: 16rpx;
text-align: center; text-align: center;
} }
.kol-user-name { .kol-user-name {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
/* line-height: 12px; */ /* line-height: 12px; */
} }
.kol-value { .kol-value {
width: 40%; width: 40%;
font-size: 9px; font-size: 9px;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
} }
.kol-value-number { .kol-value-number {
font-size: 9px; font-size: 9px;
font-weight: 600; font-weight: 600;
/* margin-right: 24rpx; */ /* margin-right: 24rpx; */
/* margin-left: 24rpx; */ /* margin-left: 24rpx; */
color: #333333; color: #333333;
} }
/* 词云 */ /* 词云 */
.brand { .brand {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: calc(100% - 32px); width: calc(100% - 32px);
height: 484rpx; height: 484rpx;
background-color: #fff; background-color: #fff;
border-radius: 4rpx; border-radius: 4rpx;
margin: 32rpx 0 0 32rpx; margin: 32rpx 0 0 32rpx;
overflow: hidden; overflow: hidden;
} }
.colorTags { .colorTags {
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 1px; border-radius: 1px;
} }

@ -64,7 +64,7 @@
<view class="evt-chart-title">媒体解读</view> <view class="evt-chart-title">媒体解读</view>
<scroll-view class="evt-chart-item" style="height: 560rpx;" scroll-y> <scroll-view class="evt-chart-item" style="height: 560rpx;" scroll-y>
<view class="evt-media-item" wx:for="{{mediaData}}" wx:key="index"> <view class="evt-media-item" wx:for="{{mediaData}}" wx:key="index">
<view style="font-weight: 600;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.title}}</view> <view style="font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.title}}</view>
<view style="font-size: 12px;color: #999999;font-weight: 400;margin-top: 8rpx;">媒体报道数量:共有{{item.count}}家媒体报道</view> <view style="font-size: 12px;color: #999999;font-weight: 400;margin-top: 8rpx;">媒体报道数量:共有{{item.count}}家媒体报道</view>
</view> </view>
</scroll-view> </scroll-view>

@ -159,7 +159,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 14px; font-size: 14px;
font-weight: 600; /* font-weight: 600; */
} }
.rank_num { .rank_num {
width: 53rpx; width: 53rpx;

@ -79,7 +79,7 @@
} }
.circle-data-title { .circle-data-title {
font-size: 12px; font-size: 12px;
font-weight: 600; /* font-weight: 600; */
color: #333333; color: #333333;
margin-top: 12rpx; margin-top: 12rpx;
} }

@ -18,7 +18,7 @@
</view> </view>
<view class="ei-item"> <view class="ei-item">
<view class="ei-chart-title">热点事件渠道分布</view> <view class="ei-chart-title">热点事件渠道分布</view>
<view class="ei-chart-item" style="height: 480rpx;width: 96%;"> <view class="ei-chart-item" style="height: 480rpx;width: 100%;">
<c-echars showChart="{{showChart}}" canvasId="thed-canvas" chartId="thed" chartOption="{{topHotEventData}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="thed-canvas" chartId="thed" chartOption="{{topHotEventData}}" height="100%"></c-echars>
</view> </view>
</view> </view>

@ -5,9 +5,8 @@
} }
.ei-item { .ei-item {
width: 92%; width: calc(100% - 32px);
/* height: 90%; */ margin: 32rpx;
margin: 0rpx 0rpx 32rpx 21rpx;
padding: 24rpx 0rpx 16rpx 0rpx; padding: 24rpx 0rpx 16rpx 0rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
@ -38,7 +37,7 @@
.ei-chart-item { .ei-chart-item {
width: 100%; width: 100%;
height: 350rpx; height: 350rpx;
margin: 10rpx 30rpx; /* padding: 10rpx 30rpx; */
} }
.ranking { .ranking {
display: flex; display: flex;
@ -132,7 +131,7 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 500rpx; width: 500rpx;
font-weight: 600; /* font-weight: 600; */
} }
.text_num { .text_num {

@ -110,7 +110,6 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 500rpx; width: 500rpx;
font-weight: 600;
} }
.text_num{ .text_num{
color: #FF343F; color: #FF343F;

@ -79,7 +79,6 @@
} }
.circle-data-title { .circle-data-title {
font-size: 12px; font-size: 12px;
font-weight: 600;
color: #333333; color: #333333;
margin-top: 12rpx; margin-top: 12rpx;
} }

@ -7,21 +7,21 @@
</view> </view>
<view class="tr-item"> <view class="tr-item">
<view class="tr-chart-title">传播重点媒体</view> <view class="tr-chart-title">传播重点媒体</view>
<view class="ranking"> <view class="ranking">
<view class="title">排名</view> <view class="title" style="margin-left: 3px;">排名</view>
<view class="title1">媒体</view> <view class="title1" style="margin-left: 9px;">媒体</view>
<view class="title2">传播量</view> <view class="title2">传播量</view>
</view>
<view class="ranking-number" wx:for="{{rankList}}" wx:key="index" wx:if="{{index < rankLimit}}">
<view style="width: 33%;margin-top: 32rpx;color: #999999;">
<image class="rank_num" wx:if="{{index === 0}}" src="{{imageUrl}}/img_diyi.png"></image>
<image class="rank_num" wx:if="{{index === 1}}" src="{{imageUrl}}/img_dier.png"></image>
<image class="rank_num" wx:if="{{index === 2}}" src="{{imageUrl}}/img_disan.png"></image>
<view class="num" wx:if="{{index !== 0 &&index !== 1 &&index !== 2 }}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
</view> </view>
<view class="ranking-number" wx:for="{{rankList}}" wx:key="index" wx:if="{{index < rankLimit}}" > <view class="media">{{item.name}}</view>
<view style="width: 33%;margin-top: 32rpx;color: #999999;">
<image class="rank_num" wx:if="{{index === 0}}" src="{{imageUrl}}/img_diyi.png"></image>
<image class="rank_num" wx:if="{{index === 1}}" src="{{imageUrl}}/img_dier.png"></image>
<image class="rank_num" wx:if="{{index === 2}}" src="{{imageUrl}}/img_disan.png"></image>
<view class="num" wx:if="{{index !== 0 &&index !== 1 &&index !== 2 }}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
</view>
<view class="media">{{item.name}}</view>
<view class="volume">{{item.value}}</view> <view class="volume">{{item.value}}</view>
</view> </view>
</view> </view>
<view class="tr-item"> <view class="tr-item">
<view class="tr-chart-title">销量态势</view> <view class="tr-chart-title">销量态势</view>

@ -88,7 +88,6 @@
.circle-data-title { .circle-data-title {
font-size: 12px; font-size: 12px;
font-weight: 600;
color: #333333; color: #333333;
margin-top: 12rpx; margin-top: 12rpx;
} }

@ -177,7 +177,7 @@
} }
.circle-data-title { .circle-data-title {
font-size: 12px; font-size: 12px;
font-weight: 600; /* font-weight: 600; */
color: #333333; color: #333333;
margin-top: 12rpx; margin-top: 12rpx;
} }
@ -209,7 +209,7 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 500rpx; width: 500rpx;
font-weight: 600; /* font-weight: 600; */
} }
.text_num{ .text_num{
color: #FF343F; color: #FF343F;

Loading…
Cancel
Save