jichuangshe/mini/components/Index/Login.vue

<template>
  <view class="index-login">
    <view class="logo-black logo" />

    <swiper-box type="login" height="380rpx" />

    <view class="btn-box dir-top-wrap main-center cross-center">
      <view class="static-text">登陆极创社</view>
      <u-button
        text="登陆"
        color="#000"
        shape="square"
        :custom-style="btnStyle"
        @click="$u.route({url: '/pages/login'})"
      />
      <u-button
        text="联系我们"
        color="#000"
        shape="square"
        :plain="true"
        :custom-style="btnStyle"
        @click="$u.route({url: '/pages/forget'})"
      />
    </view>
  </view>
</template>

<script>
import SwiperBox from '../SwiperBox'
export default {
  name: 'IndexLogin',
  components: { SwiperBox },

  data() {
    return {
      btnStyle: {
        marginTop: '30rpx',
        width: '580rpx',
        borderRadius: 0
      }
    }
  },
  computed: {},
  methods: {}
}
</script>

<style lang="scss" scoped>
.index-login {
  .logo{
    margin: 80rpx auto 30rpx;
  }
  .btn-box{
    margin-top: 120rpx;
    letter-spacing: .1rem;
    .static-text{
      color: $primary-color;
      margin-bottom: 10rpx;
    }
  }
}
</style>