<template>
|
<view class="container">
|
<view class="logo-container">
|
<image src="/static/login/logo.png" mode=""></image>
|
</view>
|
<view class="login-container">
|
<button class="login-button" @click="toLogin">账号登陆</button>
|
<p class="register-text">还没有账号？ <span class="register-link" @click="toRegist">马上注册</span></p>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
methods: {
|
toLogin() {
|
uni.navigateTo({
|
url: '/pages/public/login'
|
})
|
},
|
toRegist() {
|
uni.navigateTo({
|
url: '/pages/public/register'
|
})
|
},
|
},
|
}
|
</script>
|
|
<style lang='scss' scoped>
|
page {
|
background: #fff;
|
}
|
.container {
|
padding-top: 115px;
|
position: relative;
|
width: 100vw;
|
height: 100vh;
|
overflow: hidden;
|
background: #fff;
|
}
|
.logo-container{
|
padding-bottom: 160upx;
|
text-align: center;
|
image{
|
width: 334upx;
|
height: 233upx;
|
}
|
}
|
.login-container{
|
margin: 0 70upx;
|
display: flex;
|
flex-direction: column;
|
align-items: center; /* 居中对齐 */
|
justify-content: center;
|
|
.login-button {
|
width: 605upx;
|
height: 92upx;
|
background: #3D9AFF;
|
border-radius: 12upx 12upx 12upx 12upx;
|
font-size: 32upx;
|
color: #FFFFFF;
|
}
|
|
.register-text {
|
margin-top: 48upx;
|
font-size: 24upx;
|
color: #666; /* 文字颜色 */
|
}
|
|
.register-link {
|
color: #3D9AFF; /* 注册链接颜色 */
|
cursor: pointer;
|
}
|
}
|
|
|
</style>
|
