Sprinkler-app/pages/login/login.vue
2024-10-18 17:59:38 +08:00

94 lines
1.6 KiB
Vue

<template>
<view>
<image src="https://api.ccttiot.com/smartmeter/img/static/uZUV03nVfyr3MvcLKUfs" class="bj" mode=""></image>
<view class="anniu">
<view class="zhuce" @click="btnzc">
注册
</view>
<view class="denglu" @click="denglu">
登录
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
// 分享到好友(会话)
onShareAppMessage: function() {
return {
title: '绿小能',
path: '/pages/index/index'
}
},
// 分享到朋友圈
onShareTimeline: function() {
return {
title: '绿小能',
query: '',
path: '/pages/index/index'
}
},
onLoad() {
},
methods:{
btnzc(){
uni.navigateTo({
url:'/pages/login/zhuce'
})
},
denglu(){
uni.navigateTo({
url:'/pages/login/denglu'
})
}
}
}
</script>
<style lang="less">
.bj{
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
.anniu{
position: fixed;
left: 50%;
bottom: 198rpx;
transform: translateX(-50%);
.zhuce{
width: 614rpx;
height: 102rpx;
border-radius: 14rpx 14rpx 14rpx 14rpx;
border: 4rpx solid #FFFFFF;
font-size: 48rpx;
color: #FFFFFF;
font-weight: 600;
text-align: center;
line-height: 102rpx;
}
.denglu{
width: 614rpx;
height: 102rpx;
background: #FFFFFF;
border-radius: 14rpx 14rpx 14rpx 14rpx;
font-size: 48rpx;
color: #48893B;
font-weight: 600;
text-align: center;
line-height: 102rpx;
margin-top: 22rpx;
}
}
</style>