sso-ssr/components/mobile/loginMobile.vue

<template>
<div class="login">
  <div class="page-part">
    <mt-field placeholder="账号" v-model="username"></mt-field>
  </div>
  <div class="page-part">
    <mt-field placeholder="密码" v-model="password"></mt-field>
  </div>
  <div class="page-part">
    <mt-button size="large" type="primary">登录</mt-button>
  </div>
  <div class="login-btn">
    <p>还没有优软云账号？</p>
    <mt-button size="large" plain type="primary">立即注册</mt-button>
  </div>
</div>
</template>

<script>
  export default {
    name: 'loginMobile',
    data () {
      return {
        username: '',
        password: ''
      }
    }
  }
</script>

<style type="text/scss" lang="scss">
  .mint-button .mint-button-text{
    margin: 0;
    font-weight: normal;
  }
.login-btn{
  margin-top:.9rem;
  border-top:1px solid #bfbfbf;
  text-align: center;
  padding-top:.3rem;
  p{
    color:#a1a1a1;
    font-size: .26rem;
    margin-bottom:.4rem;
  }
}
</style>