99 lines
1.8 KiB
Vue
99 lines
1.8 KiB
Vue
<!-- 登录主页面 -->
|
|
<template>
|
|
<view>
|
|
<view class="title one">欢迎来到在线下单</view>
|
|
<view class="title_one title">
|
|
<span>又</span>
|
|
酷
|
|
<span>又</span>
|
|
靠谱的
|
|
</view>
|
|
<view class="title_two title">赚钱神器</view>
|
|
<u-button type="primary" class="wechat login_btn">
|
|
<image src="../../static/img/login_slices/dl_icon_wx@2x.png" style="width: 52rpx; height: 42rpx;"></image>
|
|
<text>微信快捷登录</text>
|
|
</u-button>
|
|
<u-button class="passseord login_btn" @click="handleLogin('pwd')">密码登录</u-button>
|
|
<u-button class="telphone login_btn" @click="handleLogin('phone')">手机号码登录</u-button>
|
|
<login-footer></login-footer>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import loginFooter from './components/login-footer.vue'
|
|
export default {
|
|
components:{
|
|
loginFooter
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
handleLogin(type){
|
|
uni.navigateTo({
|
|
url:`login-main/login-main?type=${type}`
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.login_btn{
|
|
width: 630rpx;
|
|
height: 96rpx;
|
|
border-radius: 48rpx;
|
|
font-size: 32rpx;
|
|
font-weight: 400;
|
|
&::after{
|
|
border: none;
|
|
}
|
|
}
|
|
.one{
|
|
margin-top: 150rpx;
|
|
}
|
|
.title{
|
|
color: #FFFFFF;
|
|
font-size: 52rpx;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
text-align: center;
|
|
}
|
|
.title_one{
|
|
font-size: 38rpx;
|
|
font-weight: 400;
|
|
margin-top: 30rpx;
|
|
span{
|
|
color: #FC2436;
|
|
}
|
|
}
|
|
.title_two{
|
|
margin-top: 10rpx;
|
|
color: #FC2436;
|
|
font-size: 52rpx;
|
|
}
|
|
|
|
.wechat{
|
|
margin-top: 90rpx;
|
|
background-color: #FFFFFF;
|
|
color: #FC2436;
|
|
font-size: 32rpx;
|
|
text{
|
|
margin-left: 20rpx;
|
|
}
|
|
}
|
|
.passseord{
|
|
margin-top: 60rpx;
|
|
color: #FFFFFF;
|
|
background: linear-gradient(90deg, #ED7A66 0%, #FC2234 100%);
|
|
border-radius: 48rpx;
|
|
}
|
|
.telphone{
|
|
margin-top: 60rpx;
|
|
background-color: transparent;
|
|
color: #FB2938;
|
|
border: 2rpx solid #FE192F;
|
|
}
|
|
</style>
|