fix(positionpop): 调整利润和比率显示样式及数据格式

- 使用flex布局替代text-align居中
- 在组件中为利润和比率添加百分号显示
- 简化mock数据中的产品名称并移除百分号

mock/main.ts

@@ -399,29 +399,29 @@ export default [
         data: {
           "holdInfo":[
               {
-                productName:'华夏理财固收增强 最短持有120天A款A',
-                profit:'17.72%',
-                ratio:'35.50%',
+                productName:'华夏理财固收增强',
+                profit:'17.72',
+                ratio:'35.50',
               },
               {
                 productName:'华夏理财固收增强 最短持有120天A款B',
-                profit:'17.72%',
-                ratio:'35.50%',
+                profit:'17.72',
+                ratio:'35.50',
               },
               {
                 productName:'华夏理财固收增强 最短持有120天A款C',
-                profit:'17.72%',
-                ratio:'35.50%',
+                profit:'17.72',
+                ratio:'35.50',
               },
               {
                 productName:'华夏理财固收增强 最短持有120天A款D',
-                profit:'17.72%',
-                ratio:'35.50%',
+                profit:'17.72',
+                ratio:'35.50',
               },
               {
                 productName:'华夏理财固收增强 最短持有120天A款E',
-                profit:'17.72%',
-                ratio:'35.50%',
+                profit:'17.72',
+                ratio:'35.50',
               },
           ]
         }

src/panels/positionpop/positionpop.jsx

@@ -55,8 +55,8 @@ class Positionpop extends React.Component {
                       <span className="productName">
                         {item.productName}
                       </span>
-                      <span className="profit">{item.profit}</span>
-                      <span className="ratio">{item.ratio}</span>
+                      <span className="profit">{item.profit}%</span>
+                      <span className="ratio">{item.ratio}%</span>
                     </div>
                 ))
               }

src/panels/positionpop/positionpop.less

@@ -142,7 +142,10 @@
         height: 45px;
         font-size: 20px;
         color: rgba(99, 38, 6, 1);
-        text-align: center;
+        // text-align: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
 
       .profit {