优化落地页编辑多余引入css样式

src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.js

@@ -20,6 +20,23 @@ export default class componentLib extends React.Component {
     return (
       <div className='componentLib'>
           <h4>基础组件</h4>
+         <ul>
+             <li>
+                 轮播图
+             </li>
+             <li>
+                 背景图
+             </li>
+             <li>
+                 搜索栏
+             </li>
+             <li>
+                 底部栏
+             </li>
+             <li>
+                 标题
+             </li>
+         </ul>
       </div>
     )
   }

src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.less

@@ -1,11 +1,31 @@
 .componentLib{
-    width: 45%;
+    width:180px;
     height: 100%;
     background: #fff;
     position: absolute;
     top: 0;
-    right:-48%;
+    right:-190px;
+    padding: 15px;
+    box-sizing: border-box;
     h4{
-        
+        padding: 15px 0;
+    }
+    ul{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        li{
+            margin: 0 0 15px 0;
+            border-radius: 2px;
+            width: 72px;
+            height: 72px;
+            font-size: 12px;
+            color: #666;
+            background: #f99;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+        }
     }
 }

src/pages/exchangepage/edittemplate/main.js

@@ -842,13 +842,13 @@ export default class edittemplate extends React.Component {
           </div>
             {/* 组件库 */}
             {
-              this.state.showType==2&&this.state.activeNavStatus==2? <CouponComLib/>:null
+              this.state.showType==2? <CouponComLib/>:null
             }
-       
+       {/* this.state.showType==2&&this.state.activeNavStatus==2? */}
         </div>
       
-        <div className='xj-wrapper floatFix' style={{ 'zIndex': '1' }}>
-          <div className='xj-center' style={{ 'marginLeft': '288px' }}>
+        <div className='xj-wrapper' style={{ 'zIndex': '1' }}>
+          <div  className={this.state.showType==2?'xj-center-small':'xj-center'}>
             {this.state.activeNavStatus == 1 ? (
               <div>
                 <img