git

src/components/ScreenBox/SquareBox/index.jsx

 
 
   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

-.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;