zx 3 years ago
parent c621c858ee
commit 070a4d438f

@ -2,7 +2,7 @@
.van-dropdown-menu { .van-dropdown-menu {
background-color: var(--dropdown-menu-background-color, #fff); background-color: var(--dropdown-menu-background-color, #fff);
box-shadow: var(--dropdown-menu-box-shadow, 0 2px 12px hsla(210, 1%, 40%, .12)); /* box-shadow: var(--dropdown-menu-box-shadow, 0 2px 12px hsla(210, 1%, 40%, .12)); */
display: flex; display: flex;
height: var(--dropdown-menu-height, 35px); height: var(--dropdown-menu-height, 35px);
-webkit-user-select: none; -webkit-user-select: none;

@ -1,14 +1,14 @@
<view class="ta-content"> <view class="ta-content">
<view class="ta-item"> <view class="ta-item">
<view class="ta-chart-title">尾翼洞察详情</view> <view class="ta-chart-title">尾翼洞察详情</view>
<view class="ta-chart-item" style="padding: 16rpx 0rpx 48rpx 0rpx;width: 90%"> <view class="ta-chart-item" style="padding: 16rpx 0rpx 16rpx 0rpx;width: 90%;height: auto;">
<!-- {{detailData }} --> <!-- {{detailData }} -->
<rich-text nodes="{{detailData}}"></rich-text> <rich-text nodes="{{detailData}}"></rich-text>
</view> </view>
</view> </view>
<view class="ta-item"> <view class="ta-item">
<view class="ta-chart-title">尾翼传播态势</view> <view class="ta-chart-title">尾翼传播态势</view>
<view class="ta-chart-item" style="width: 106%;margin-left: -48rpx"> <view class="ta-chart-item" style="width: 100%;margin-left: -40rpx">
<c-echars showChart="{{showChart}}" canvasId="wytrans-canvas" chartId="wytrans" chartOption="{{taTransform}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="wytrans-canvas" chartId="wytrans" chartOption="{{taTransform}}" height="100%"></c-echars>
</view> </view>
</view> </view>

@ -26,7 +26,7 @@
.ta-chart-item { .ta-chart-item {
width: 100%; width: 100%;
margin-left: 24rpx; margin-left: 24rpx;
height: 350rpx; height: 360rpx;
} }
.ta-rank-list { .ta-rank-list {
width: 125%; width: 125%;

@ -1,14 +1,13 @@
<view class="tu-content"> <view class="tu-content">
<view class="tu-item" style="height: 250rpx;"> <view class="tu-item" style="height: 250rpx;">
<view class="tu-chart-title">论坛洞察详情</view> <view class="tu-chart-title">论坛洞察详情</view>
<view class="tu-chart-item" style="padding: 16rpx 0rpx 0rpx 0rpx;margin-left: 24rpx;width: 95%"> <view class="tu-chart-item" style="margin-left: 24rpx;margin-top:12rpx;width: 95%;height: auto;">
<!-- {{detailData}} -->
<rich-text nodes="{{detailData}}"></rich-text> <rich-text nodes="{{detailData}}"></rich-text>
</view> </view>
</view> </view>
<view class="tu-item"> <view class="tu-item">
<view class="tu-chart-title">论坛传播态势</view> <view class="tu-chart-title">论坛传播态势</view>
<view class="tu-chart-item" style="width: 105%;margin-left: -48rpx;"> <view class="tu-chart-item" style="width: 100%;margin-left: -44rpx;">
<c-echars showChart="{{showChart}}" canvasId="ttTrans-canvas" chartId="ttTransLine" chartOption="{{ttTransform}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="ttTrans-canvas" chartId="ttTransLine" chartOption="{{ttTransform}}" height="100%"></c-echars>
</view> </view>
</view> </view>

@ -24,8 +24,7 @@
} }
.tu-chart-item { .tu-chart-item {
width: 100%; width: 100%;
margin-left: 0rpx; height: 360rpx;
height: 350rpx;
} }
.tu-rank-list { .tu-rank-list {
width: 125%; width: 125%;

@ -20,7 +20,7 @@
</view> </view>
<view class="wb-item"> <view class="wb-item">
<view class="wb-chart-title">微博传播趋势</view> <view class="wb-chart-title">微博传播趋势</view>
<view class="wb-chart-item" style="width: 105%;margin-left: -40rpx;"> <view class="wb-chart-item" style="width: 100%;margin-left: -40rpx;">
<c-echars showChart="{{showChart}}" canvasId="yqTrans-canvas" chartId="yqTransLine" chartOption="{{yqTransform}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="yqTrans-canvas" chartId="yqTransLine" chartOption="{{yqTransform}}" height="100%"></c-echars>
</view> </view>
</view> </view>

@ -28,7 +28,7 @@
} }
.wb-chart-item { .wb-chart-item {
width: 100%; width: 100%;
height: 350rpx; height: 360rpx;
/* display: flex; */ /* display: flex; */
} }
.wb-data { .wb-data {

@ -1,7 +1,7 @@
<view class="evtw-content"> <view class="evtw-content">
<view class="evtw-item"> <view class="evtw-item">
<view class="evtw-chart-title">尾翼传播态势</view> <view class="evtw-chart-title">尾翼传播态势</view>
<view class="evtw-chart-item" style="width: 105%;margin-left: -44rpx;"> <view class="evtw-chart-item" style="width: 100%;margin-left: -44rpx;">
<c-echars showChart="{{showChart}}" canvasId="ttrans-canvas" chartId="ttrans" chartOption="{{tailTransChart}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="ttrans-canvas" chartId="ttrans" chartOption="{{tailTransChart}}" height="100%"></c-echars>
</view> </view>
</view> </view>

@ -24,7 +24,7 @@
} }
.evtw-chart-item { .evtw-chart-item {
width: 100%; width: 100%;
height: 350rpx; height: 360rpx;
} }
.evtw-total-data { .evtw-total-data {
display: flex; display: flex;

@ -1,14 +1,14 @@
<view class="ta-content"> <view class="ta-content">
<view class="ta-item"> <view class="ta-item">
<view class="ta-chart-title">尾翼洞察详情</view> <view class="ta-chart-title">尾翼洞察详情</view>
<view class="ta-chart-item" style="padding: 16rpx 0rpx 48rpx 0rpx;width: 90%;height: auto;"> <view class="ta-chart-item" style="padding: 16rpx 0rpx 16rpx 0rpx;width: 90%;height: auto;">
<!-- {{detailData }} --> <!-- {{detailData }} -->
<rich-text nodes="{{detailData}}"></rich-text> <rich-text nodes="{{detailData}}"></rich-text>
</view> </view>
</view> </view>
<view class="ta-item"> <view class="ta-item">
<view class="ta-chart-title">尾翼传播态势</view> <view class="ta-chart-title">尾翼传播态势</view>
<view class="ta-chart-item" style="width: 105%;margin-left: -44rpx;"> <view class="ta-chart-item" style="width: 100%;margin-left: -44rpx;">
<c-echars showChart="{{showChart}}" canvasId="wytrans-canvas" chartId="wytrans" chartOption="{{taTransform}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="wytrans-canvas" chartId="wytrans" chartOption="{{taTransform}}" height="100%"></c-echars>
</view> </view>
</view> </view>

@ -25,7 +25,7 @@
.ta-chart-item { .ta-chart-item {
width: 100%; width: 100%;
margin-left: 24rpx; margin-left: 24rpx;
height: 350rpx; height: 360rpx;
} }
.ta-rank-list { .ta-rank-list {
width: 125%; width: 125%;

@ -40,7 +40,7 @@
</view> </view>
<view class="tu-item"> <view class="tu-item">
<view class="tu-chart-title">论坛传播态势</view> <view class="tu-chart-title">论坛传播态势</view>
<view class="tu-chart-item" style="width: 105%;margin-left: -44rpx;"> <view class="tu-chart-item" style="width: 100%;margin-left: -44rpx;">
<c-echars showChart="{{showChart}}" canvasId="ttTrans-canvas" chartId="ttTransLine" chartOption="{{ttTransform}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="ttTrans-canvas" chartId="ttTransLine" chartOption="{{ttTransform}}" height="100%"></c-echars>
</view> </view>
</view> </view>

@ -24,7 +24,7 @@
} }
.tu-chart-item { .tu-chart-item {
width: 100%; width: 100%;
height: 350rpx; height: 360rpx;
} }
.tu-total-data { .tu-total-data {
display: flex; display: flex;

@ -20,7 +20,7 @@
</view> </view>
<view class="wb-item"> <view class="wb-item">
<view class="wb-chart-title">微博传播趋势</view> <view class="wb-chart-title">微博传播趋势</view>
<view class="wb-chart-item" style="width: 105%;margin-left: -44rpx;"> <view class="wb-chart-item" style="width: 100%;margin-left: -44rpx;">
<c-echars showChart="{{showChart}}" canvasId="yqTrans-canvas" chartId="yqTransLine" chartOption="{{yqTransform}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="yqTrans-canvas" chartId="yqTransLine" chartOption="{{yqTransform}}" height="100%"></c-echars>
</view> </view>
</view> </view>

@ -27,7 +27,7 @@
} }
.wb-chart-item { .wb-chart-item {
width: 100%; width: 100%;
height: 350rpx; height: 360rpx;
/* display: flex; */ /* display: flex; */
} }
.wb-data { .wb-data {

@ -20,7 +20,7 @@
<view class="tb-content" wx:if="{{tabActive == 0}}"> <view class="tb-content" wx:if="{{tabActive == 0}}">
<view class="tb-item"> <view class="tb-item">
<view class="tb-chart-title">总声量趋势</view> <view class="tb-chart-title">总声量趋势</view>
<view class="tb-chart-item" style="width: 110%;"> <view class="tb-chart-item" style="width: 100%;margin-left: -36rpx;">
<c-echars showChart="{{showChart}}" canvasId="yqTrans-canvas" chartId="yqTransLine" chartOption="{{totalVolume}}" height="100%"></c-echars> <c-echars showChart="{{showChart}}" canvasId="yqTrans-canvas" chartId="yqTransLine" chartOption="{{totalVolume}}" height="100%"></c-echars>
</view> </view>
</view> </view>
@ -232,19 +232,19 @@
<view style="width: 20%"> <view style="width: 20%">
<view class="textGray">粉丝数>1000w</view> <view class="textGray">粉丝数>1000w</view>
<view class="text-black" style="margin-top: 24rpx;">{{rowData[0][bigvActive+1]}}</view> <view class="text-black" style="margin-top: 24rpx;">{{rowData[0][bigvActive+1]}}</view>
<view class="textGray" style="margin-top: 24rpx;">粉丝数>50w</view> <view class="textGray" style="margin-top: 24rpx;">粉丝数 >50w</view>
<view class="text-black" style="margin-top: 24rpx;">{{rowData[3][bigvActive+1]}}</view> <view class="text-black" style="margin-top: 24rpx;">{{rowData[3][bigvActive+1]}}</view>
</view> </view>
<view style="width: 20%"> <view style="width: 20%">
<view class="textGray">粉丝数>500w</view> <view class="textGray">粉丝数>500w</view>
<view class="text-black" style="margin-top: 24rpx;">{{rowData[1][bigvActive+1]}}</view> <view class="text-black" style="margin-top: 24rpx;">{{rowData[1][bigvActive+1]}}</view>
<view class="textGray" style="margin-top: 24rpx;">粉丝数>20w</view> <view class="textGray" style="margin-top: 24rpx;">粉丝数 >20w</view>
<view class="text-black" style="margin-top: 24rpx;">{{rowData[4][bigvActive+1]}}</view> <view class="text-black" style="margin-top: 24rpx;">{{rowData[4][bigvActive+1]}}</view>
</view> </view>
<view style="width: 20%"> <view style="width: 20%">
<view class="textGray">粉丝数>100w</view> <view class="textGray">粉丝数>100w</view>
<view class="text-black" style="margin-top: 24rpx;">{{rowData[2][bigvActive+1]}}</view> <view class="text-black" style="margin-top: 24rpx;">{{rowData[2][bigvActive+1]}}</view>
<view class="textGray" style="margin-top: 24rpx;">粉丝数>10w</view> <view class="textGray" style="margin-top: 24rpx;">粉丝数 >10w</view>
<view class="text-black" style="margin-top: 24rpx;">{{rowData[5][bigvActive+1]}}</view> <view class="text-black" style="margin-top: 24rpx;">{{rowData[5][bigvActive+1]}}</view>
</view> </view>
</view> </view>

@ -102,7 +102,7 @@
} }
.tb-chart-item { .tb-chart-item {
width: 100%; width: 100%;
height: 350rpx; height: 360rpx;
/* display: flex; */ /* display: flex; */
} }
.event-transform-title { .event-transform-title {

@ -1,6 +1,6 @@
<view class="edl-content"> <view class="edl-content">
<view class="top-tab" style="display: flex; justify-content: flex-start;"> <view class="top-tab" style="display: flex; justify-content: flex-start;">
<view style="margin-top: 14rpx;"> <view style="margin-top: 15rpx;">
<van-dropdown-menu> <van-dropdown-menu>
<van-dropdown-item value="{{sTitleType}}" options="{{searchOption}}"></van-dropdown-item> <van-dropdown-item value="{{sTitleType}}" options="{{searchOption}}"></van-dropdown-item>
</van-dropdown-menu> </van-dropdown-menu>

@ -1,5 +1,5 @@
.top-tab { .top-tab {
background: #FFF; background: rgb(255, 255, 255);
} }
.tdl-content { .tdl-content {
width: 100%; width: 100%;
@ -7,9 +7,9 @@
padding: 32rpx; padding: 32rpx;
} }
.tdl-item { .tdl-item {
width: 84%; width: 92%;
background: #FFF; background: #FFF;
padding: 36rpx 32rpx 32rpx 32rpx; padding: 36rpx 0rpx 32rpx 0rpx;
margin-bottom: 32rpx; margin-bottom: 32rpx;
} }
.top-time-item { .top-time-item {
@ -20,11 +20,13 @@
.top-time { .top-time {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 0 32rpx 0 32rpx
} }
.middle-title { .middle-title {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: #333333 color: #333333;
margin: 0 32rpx 0 32rpx
} }
.bottom-source { .bottom-source {
display: flex; display: flex;
@ -32,7 +34,7 @@
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
margin-top: 18rpx; margin: 18rpx 32rpx 0 32rpx
} }
.tdl-footer { .tdl-footer {
position: fixed; position: fixed;

Loading…
Cancel
Save