瀏覽代碼

fix: 区块头部组件优化

周玉环 1 天之前
父節點
當前提交
090ebdd289

+ 25 - 0
xinkeaboard-admin/src/pages/statistics/bigscreen/components/PortalTraffic.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { connect } from "dva";
+import RadioButtonGroup from "./RadioButtonGroup";
+import styles from "../styles/portal_traffic.less";
+
+const PortalTraffic = ({}) => {
+  const options = [
+    { label: "日", value: "day" },
+    { label: "月", value: "month" },
+    { label: "年", value: "year" },
+  ];
+
+  return (
+    <div class="traffic-header">
+      <panel-nav title="门户流量" />
+      <div class="traffic-header-conditions">
+        <RadioButtonGroup options={options} />
+      </div>
+    </div>
+  );
+};
+
+export default connect(({ bigscreen }) => ({
+  //   overviewData: bigscreen.overviewData,
+}))(PortalTraffic);

+ 1 - 1
xinkeaboard-admin/src/pages/statistics/bigscreen/components/RadioButtonGroup.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import styles from './index.module.less';
+import styles from '../styles/radio_button_group.less';
 
 class RadioButtonGroup extends React.Component {
   static defaultProps = {

+ 4 - 1
xinkeaboard-admin/src/pages/statistics/bigscreen/index.js

@@ -5,6 +5,7 @@ import PanelBlock from "./components/PanelBlock";
 import HeaderContent from "./components/HeadContent";
 import WordCloud from "@/components/WordCloud";
 import OverView from "./components/Overview";
+import PortalTraffic from "./components/PortalTraffic";
 
 @connect(({ bigscreen }) => ({
   bigscreen,
@@ -143,7 +144,9 @@ class BigScreen extends React.Component {
             {/* 左侧 */}
             <div className={styles.contentPanelLeft}>
               {/* <PanelBlock height="200px" /> */}
-              <PanelBlock />
+              <PanelBlock>
+                <PortalTraffic></PortalTraffic>
+              </PanelBlock>
               <PanelBlock />
               <PanelBlock />
             </div>

+ 4 - 6
xinkeaboard-admin/src/pages/statistics/bigscreen/styles/panel_nav.less

@@ -1,11 +1,9 @@
-
-@import '../theme.less';
+@import "../theme.less";
 
 .panel_nav {
-  font-size: @font-title-sub;
   font-weight: bold;
-  color: #00c6ff;
-  margin-bottom: 10px;
+  font-size: 28px;
+  color: #ffffff;
   width: 100%;
-  text-shadow: 0 2px 8px rgba(30, 200, 255, 0.2);
+  height: 22px;
 }

+ 0 - 0
xinkeaboard-admin/src/pages/statistics/bigscreen/styles/portal_traffic.less