静态页面

src/components/WuYeJiaoFei/index.jsx

@@ -139,11 +139,11 @@ export default function WuYeJiaoFei () {
               <CheckboxGroup onChange={handleGroupChange}>
                 {
                   PageList.map((item, index) => (
-                    <Checkbox key={`WuYeJiaoFeiItem-${index}`} value={item.id} disabled={item.billStatus !== '0'}>
+                    <Checkbox className='CheckBoxItem' key={`WuYeJiaoFeiItem-${index}`} value={item.id} disabled={item.billStatus !== '0'}>
                       {/* <WuYeJiaoFeiItem Data={item}></WuYeJiaoFeiItem> */}
                       <view className='flex-h'>
-                        <view>{item.billName}</view>
-                        <view className='flex-item'>{`${item.payPrice} 元`}</view>
+                        <view className='flex-item'>{item.billName}</view>
+                        <view className='Price'>{`${item.payPrice} 元`}</view>
                       </view>
                     </Checkbox>
                   ))

src/components/WuYeJiaoFei/index.less

@@ -42,6 +42,19 @@
           &:first-child {
             margin-top: 30px;
           }
+          .flex-item {
+            color: #333;
+            font-size: 28px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            margin: 0 20px;
+          }
+          .Price {
+            color: #F35844;
+            font-size: 28px;
+            font-weight: bold;
+          }
         }
     
         >view {