assess-app/pages/login/index.vue

<template>
  <view class="page-box login-box">
      <view class="login-form">
        <view class="from-title">
          <view class="title-bg"></view>
          <view class="title-list">
            <view class="title-text">验证码登录</view>
            <view class="title-text">密码登录</view>
          </view>
        </view>

      </view>


  </view>
</template>
<script>
  export default {
    components: {

    },
    data() {
      return {

      }
    },
    mounted() {

    },
    methods: {
      login() {
        uni.redirectTo({
          url: '/pages/index/index'
        })
      },
    },
  }
</script>
<style lang="scss" scoped>
  @import "/common/css/login.css";
  .page-box{
    background-color: #EEF1F7;
    padding-top: 370rpx;
    .login-form{
      margin: 0 30rpx;
      height: 630rpx;
      border-radius: 50rpx;
      background-color: rgba(255,255,255,0.5);
      //opacity: 0.5;
      .from-title{
        .title-bg{
          width: 50%;
          background-color: #fff;
        }

      }
    }

  }
</style>