we_view_app/miniprogram/pages/index/index.wxss

.data-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.data-list .data-item {
  width: calc((100% - 20rpx) / 2);
  border: 1rpx solid rgba(224, 224, 224, 0.5);
  background-color: #fff;
  min-height: 160rpx;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20rpx 26rpx;
  margin-bottom: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.data-list .tit {
  padding-bottom: 14rpx;
}

.data-list .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.data-list .num {
  font-size: 40rpx;
  font-weight: bold;
  line-height: 1;
  max-width: 50%;
  word-break: break-all;
}

.data-list .trend {
  font-size: 24rpx;
  color: #999;
  display: flex;
  justify-content: right;
  align-items: center;
}

.data-list .trend image {
  width: 26rpx;
  margin-right: 5rpx;
  display: inline-block;
}

.data-list .trend .text {
  display: inline-block;
}

/* 访客数 点击数 echart */

.today-chart {
  position: relative;
  margin-bottom: 60rpx;
}

.today-chart .switch {
  font-size: 28rpx;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}

ec-canvas {
  display: block;
  width: 100%;
  height: 500rpx;
}

/* 访客来源 */
.source-chart{
  margin-bottom: 30rpx;
}
.source-chart .source-info {
  background-color: #fff;
  width: 440rpx;
  min-height: 140rpx;
  padding: 20rpx;
  box-sizing: border-box;
  margin: 20rpx auto 100rpx;
}

.source-chart .tit {
  font-size: 26rpx;
  color: #666;
}

.source-chart .des {
  display: flex;
  justify-content: space-between;
  align-self: center;
  line-height: 48rpx;
  padding-top: 20rpx;
}

.source-chart .des .des-num {
  /* @include dan(45%); */
  font-size: 48rpx;
  font-weight: bold;
  align-self: flex-end;
  max-width: 55%;
  word-break: break-all;
}

.source-chart .des .percentage {
  /* @include dan(55%); */
  font-size: 24rpx;
  align-self: flex-end;
  width: 45%;
  text-align: right;
}
.source-chart .des .num{
    color: #29cc24;
}

/* 访客页面 */

.visit-pages .item {
  background-color: #fff;
  padding: 30rpx;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.09);
}

.visit-pages .item~.item {
  margin-top: 30rpx;
}

.visit-pages .head {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10rpx;
}

.visit-pages   .pv {
  font-size: 30rpx;
  color: #e72120;
  font-weight: bold;
}

.visit-pages  .date {
  font-size: 24rpx;
  color: #999;
}

.visit-pages .info {
  font-size: 26rpx;
  line-height: 40rpx;
}