feat: QSSO登录添加分割线

client/containers/Login/Login.js

@@ -56,7 +56,7 @@ class Login extends Component {
   componentDidMount() {
     window.QSSO.attach('qsso-login','/user/login_by_token')
   }
-  
+
 
   render() {
     const { getFieldDecorator } = this.props.form;
@@ -86,6 +86,9 @@ class Login extends Component {
         <FormItem style={formItemStyle}>
           <Button style={changeHeight} type="primary" htmlType="submit" className="login-form-button">登录</Button>
         </FormItem>
+        <div className="qsso-breakline">
+          <span className="qsso-breakword">或</span>
+        </div>
         <Button style={changeHeight} id="qsso-login" type="primary" className="login-form-button" size="large" ghost>QSSO登录</Button>
       </Form>
 

client/containers/Login/Login.scss

@@ -11,6 +11,21 @@
   width: 100%;
 }
 
-.ant-form-item{
+.ant-form-item {
   margin-bottom: .1rem;
 }
+
+.qsso-breakline {
+  position: relative;
+  text-align: center;
+  margin: .24rem auto;
+  height: 1px;
+  background-color: #bbb;
+  .qsso-breakword {
+    display: inline-block;
+    transform: translateY(-50%);
+    background-color: #f7f7f7;
+    padding: 0 .08rem;
+    color: #999;
+  }
+}