style:UI验收3优化

src/core/page.less

@@ -8,9 +8,10 @@
   right: 0;
   bottom: 0;
   z-index:3;
-  background-color: #F0F2F5;
+  background-color: #fff;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  height: 100%;
   .page {
     position: fixed;
     top: 60px;
@@ -24,9 +25,6 @@
       &:first-child{
         margin-bottom: 8px;
       }
-      // &+.box{
-      //  margin: 8px 16px; 
-      // }
       &:last-child{
         margin-bottom: 16px;
       }

src/modules/course-manage/modal/PreviewGraphicsModal.jsx

@@ -27,7 +27,7 @@ class PreviewGraphicsModal extends React.Component {
         footer={null}
         maskClosable={false}
         closeIcon={<span className="icon iconfont modal-close-icon">&#xe6ef;</span>}
-        className="preview-live-graphics-modal"
+        className="preview-graphics-modal"
       >
         <div className="container__wrap">
           <div className="container">

src/modules/course-manage/modal/PreviewGraphicsModal.less

-.preview-live-graphics-modal {
+.preview-graphics-modal {
   .ant-modal-body {
     background-image: url('https://image.xiaomaiketang.com/xm/xZWdziTCAf.png');
     background-size: 100% 100%;
@@ -13,13 +13,12 @@
   }
 
   .container {
-    overflow: scroll;
+    overflow: auto;
     height: 100%;;
 
     .course-cover, .course-url {
       width: 100%;
       height: 141px;
-      background: #000;
     }
 
     &__body {
@@ -55,7 +54,6 @@
         font-size: 12px;
         color: #333333;
         padding: 0 10px;
-        border-bottom: 1px solid #E8E8E8;
         .title-word {
           position: relative;
           margin-right: 15px;

src/modules/course-manage/offline-course/modal/PreviewOfflineModal.jsx

@@ -108,7 +108,7 @@ class PreviewOfflineModal extends React.Component {
         footer={null}
         maskClosable={false}
         closeIcon={<span className="icon iconfont modal-close-icon">&#xe6ef;</span>}
-        className="preview-live-graphics-modal"
+        className="preview-offline-modal"
       >
         <div className="container__wrap">
           <div className="container">

src/modules/course-manage/offline-course/modal/PreviewOfflineModal.less

-.preview-live-graphics-modal {
+.preview-offline-modal {
   .ant-modal-body {
     background-image: url('https://image.xiaomaiketang.com/xm/xZWdziTCAf.png');
     background-size: 100% 100%;
@@ -13,7 +13,7 @@
   }
 
   .container {
-    overflow: scroll;
+    overflow: auto;
     height: 100%;;
     &__header {
       position: relative;

src/modules/home/Home.less

@@ -33,6 +33,7 @@
     .data-box {
       display: flex;
       justify-content: space-between;
+      padding-left: 10px;
       .data-item {
         position: relative;
         height: 156px;
@@ -131,6 +132,7 @@
     .study-box {
       display: flex;
       justify-content: space-between;
+      padding-left: 10px;
       .study-item {
         position: relative;
         height: 414px;
@@ -311,8 +313,7 @@
     width: 100%;
     height: 432px;
     background: #fff;
-    padding: 16px;
-    padding-bottom: 32px;
+    padding: 16px 16px 32px 26px;
     .study-title {
       font-size: 14px;
       color: #333;

src/modules/plan-manage/LearningData.jsx

@@ -10,7 +10,7 @@ import Bus from '@/core/bus';
 import './LearningData.less';
 
 const userRole =  User.getUserRole();
-const defaultCover = 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png';
+const defaultCover = 'https://image.xiaomaiketang.com/xm/rEAetaTEh3.png';
 
 class LearningData extends React.Component {
   constructor(props) {

src/modules/plan-manage/components/UserLearningData.jsx

@@ -182,7 +182,7 @@ class UserLearningData extends React.Component {
         {
         title: <span>
           <span>负责人</span>
-          <Tooltip  title="培训计划的分享者/跟进人"><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf',fontSize:'14px'}}>&#xe61d;</i></Tooltip>
+          <Tooltip  title="培训计划的分享者/跟进人"><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf',fontSize:'14px',fontWeight:"400"}}>&#xe61d;</i></Tooltip>
         </span>,
           key: 'userNameList',
           dataIndex: 'userNameList',
@@ -225,7 +225,7 @@ class UserLearningData extends React.Component {
         {
           title: <span>
             <span>学习进度</span>
-            <Tooltip  title="学员培训计划中达到“已完成”状态的课程数/总课程数"><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf',fontSize:'14px'}}>&#xe61d;</i></Tooltip>
+            <Tooltip  title="学员培训计划中达到“已完成”状态的课程数/总课程数"><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf',fontSize:'14px', fontWeight:"400"}}>&#xe61d;</i></Tooltip>
           </span>,
           key: 'learnNum',
           dataIndex: 'learnNum',

src/modules/plan-manage/components/UserLearningDataFilter.less

@@ -15,7 +15,7 @@
         margin-bottom: 12px;
         .label{
           font-size:14px;
-          color:#666;
+          color:#333;
           vertical-align: middle;
           width:70px;
           text-align:right;

src/modules/root/Login.less

@@ -107,7 +107,7 @@
       .ant-tabs-tab-active {
         .ant-tabs-tab-btn {
           color: #333333;
-          font-weight:bold;
+          font-weight:500!important;
         }
       }
       .ant-tabs-nav::before {

src/modules/root/Menu.less

@@ -33,7 +33,6 @@
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
-    height: 100%;
    
     .nav {
       -webkit-flex: 1;

src/modules/root/WechatLogin.tsx

@@ -37,7 +37,8 @@ export default function WechatLogin(props: any) {
                     text: redirect,
                     correctLevel: 2,
                     size: 180,
-                    image: 'https://image.xiaomaiketang.com/xm/Newk4NrxKC.png',
+                    // image: 'https://image.xiaomaiketang.com/xm/Newk4NrxKC.png',
+                    image: 'https://image.xiaomaiketang.com/xm/bFkRBz7teA.png',
                     imageSize: 50
                 }); 
                 qrcodeWrapDom.innerHTML = '';