静态页面

src/pages/FuLi/JiFenGuiZe/index.css

@@ -55,13 +55,20 @@
 .JiFenGuiZe > .JiFenContent > view > .RuleList {
   position: relative;
   overflow: hidden;
+  margin-top: 40px;
+  margin-bottom: 40px;
+  border: 2px solid rgba(255, 255, 255, 0.5);
 }
 .JiFenGuiZe > .JiFenContent > view > .RuleList > view {
-  align-items: flex-start;
+  border-top: 2px solid rgba(255, 255, 255, 0.5);
+}
+.JiFenGuiZe > .JiFenContent > view > .RuleList > view:first-child {
+  border-top: none;
 }
 .JiFenGuiZe > .JiFenContent > view > .RuleList > view > .flex-item {
   position: relative;
   overflow: hidden;
+  padding: 10px;
 }
 .JiFenGuiZe > .JiFenContent > view > .RuleList > view > .flex-item > text {
   font-size: 28px;
@@ -70,9 +77,11 @@
   display: block;
 }
 .JiFenGuiZe > .JiFenContent > view > .RuleList > view > view:last-child {
+  padding: 10px 0;
   font-size: 28px;
   color: #fff;
   line-height: 40px;
-  text-align: right;
+  text-align: center;
   width: 100px;
+  border-left: 2px solid rgba(255, 255, 255, 0.5);
 }

src/pages/FuLi/JiFenGuiZe/index.jsx

@@ -43,7 +43,7 @@ export default function JiFenGuiZe () {
             <view className='RuleList'>
               <view className='flex-h'>
                 <view className='flex-item'>
-                  <text>途径</text>
+                  <text style={{textAlign: 'center'}}>途径</text>
                 </view>
                 <view>分数</view>
               </view>

src/pages/FuLi/JiFenGuiZe/index.less

@@ -61,13 +61,21 @@
       >.RuleList {
         position: relative;
         overflow: hidden;
+        margin-top: 40px;
+        margin-bottom: 40px;
+        border: 2px solid rgba(255, 255, 255, 0.5);
 
         >view {
-          align-items: flex-start;
+          border-top: 2px solid rgba(255, 255, 255, 0.5);
+
+          &:first-child {
+            border-top: none;
+          }
 
           >.flex-item {
             position: relative;
             overflow: hidden;
+            padding: 10px;
 
             >text {
               font-size: 28px;
@@ -78,11 +86,13 @@
           }
 
           >view:last-child {
+            padding: 10px 0;
             font-size: 28px;
             color: #fff;
             line-height: 40px;
-            text-align: right;
+            text-align: center;
             width: 100px;
+            border-left: 2px solid rgba(255, 255, 255, 0.5);
           }
         }
       }