fix: '产品配置样式'

src/pages/productCenter/productConfig/productConfig.jsx

@@ -222,7 +222,7 @@ const ProductConfig = props => {
   //   setProductObj(obj);
   // };
   const renderListItem = arr => (
-    <div style={{ marginBottom: '25px' }}>
+    <div style={{ marginBottom: '25px', borderBottom: '1px solid #ccc', paddingBottom: '25px' }}>
       {arr.map(item => (
         <List.Item
           key={item.PackageName}

src/pages/productCenter/productConfig/productConfig.less

-
-.box{
+.box {
   width: 100%;
   display: flex;
   height: calc(100vh - 72px);
 }
-.leftList{
+.leftList {
   width: 330px;
 }
-.rightForm{
+.rightForm {
   width: 100%;
 }
-.listTop{
+.listTop {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-top: -20px;
+  margin-top: -12px;
   padding: 10px 0;
+  font-size: 16px;
+  font-weight: bold;
   border-bottom: 1px solid #ccc;
 }
-.listItem{
+.listItem {
   height: 35px !important;
   padding-left: 5px;
   cursor: pointer;
@@ -26,14 +27,14 @@
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  .itemspan{
+  .itemspan {
     margin-left: 10px;
   }
 }
-.listItem:hover{
-  background-color:  #f8f8f8  ;
+.listItem:hover {
+  background-color: #f8f8f8;
 }
-.selected{
+.selected {
   font-weight: bold;
-  background-color: #bae7ff!important;
+  background-color: #bae7ff !important;
 }