git

src/components/ScreenBox/SquareBox/index.jsx

@@ -5,13 +5,13 @@ export default (props) => {
 
 
   return (
-    <div className="win">
+    <div className="SquareBox-box">
       <div className="border_corner border_corner_left_top" />
       <div className="border_corner border_corner_right_top" />
       <div className="border_corner border_corner_left_bottom" />
       <div className="border_corner border_corner_right_bottom" />
       {/* 内容 */}
-      <div className="main">
+      <div className="SquareBox-body">
         {props.children}
       </div>
     </div>

src/components/ScreenBox/SquareBox/style.less

@@ -1,9 +1,9 @@
-.win {
+.SquareBox-box {
   position: relative;
   display: inline-block;
   margin: 20px;
 }
-.main {
+.SquareBox-body {
   color: #fff;
   border: 1px solid rgba(61, 129, 240, 0.5);
   border-radius: 4px;