!1773 增强：微调样式

src/UI/Components/AxisMode/AxisMode.less

@@ -11,7 +11,7 @@
         box-shadow   : 0 0 2px white inset;
         border-radius: 20px;
         margin-right: 10px;
-        background-color: rgba(1, 1, 1);
+        background-color: rgba(1, 1, 1,.6);
         button
         {
             border-radius: 50%;

src/UI/Components/CameraControlButton/CameraControlBtn.tsx

@@ -142,18 +142,28 @@ export class CameraControlBtn extends React.Component<{}, {}>
     {
         let store = CameraControlBtnStore.GetInstance();
         const btnStyle: React.CSSProperties = {
-            fontSize: "11px",
+            fontSize: "14px",
             textAlign: "center",
-            minHeight: "15px",
-            height: "15px",
-            lineHeight: "1px",
+            minHeight: "17px",
+            height: "17px",
+            lineHeight: "100%",
             padding: 2,
             minWidth: 20,
             color: "#fff",
-            background: "black"
+            boxSizing: "border-box",
+            borderRadius: "5px",
         };
         return (
-            <div>
+            <div style={{
+                display: 'flex',
+                flexDirection: 'row',
+                justifyItems: 'center',
+                gap: '2px',
+                background: 'rgba(1,1,1,0.6)',
+                borderRadius: '2px',
+                padding: 2,
+                boxShadow: '0 0 2px white inset',
+            }}>
                 <Popover
                     isOpen={this.state.isOpenToolbar === true ? true : undefined}
                     modifiers={{ arrow: { enabled: false } }}