|
|
@ -1,7 +1,7 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="content"> |
|
|
<view class="content"> |
|
|
<view class="topBox"> |
|
|
<view class="topBox"> |
|
|
<h3 class="title">{{ index ? "注册" : "登录"}}</h3> |
|
|
|
|
|
|
|
|
<h3 class="title">登录</h3> |
|
|
<h3>欢迎使用xx报修</h3> |
|
|
<h3>欢迎使用xx报修</h3> |
|
|
</view> |
|
|
</view> |
|
|
<view class="inputBox"> |
|
|
<view class="inputBox"> |
|
|
@ -13,8 +13,8 @@ |
|
|
<h4>密码</h4> |
|
|
<h4>密码</h4> |
|
|
<input type="text" value="" placeholder="请输入密码" /> |
|
|
<input type="text" value="" placeholder="请输入密码" /> |
|
|
</view> |
|
|
</view> |
|
|
<button class="loginBtn">{{ index ? '注册' : '登录' }}</button> |
|
|
|
|
|
<button @click="changeState(1)" class="registerBtn">{{ index ? '已有账号立即登录' : "暂无账号立即注册" }}</button> |
|
|
|
|
|
|
|
|
<button class="loginBtn">登录</button> |
|
|
|
|
|
<!-- <button class="registerBtn">注册</button> --> |
|
|
|
|
|
|
|
|
<!-- <view class="tipbox"> |
|
|
<!-- <view class="tipbox"> |
|
|
<view class="txt"> |
|
|
<view class="txt"> |
|
|
@ -33,16 +33,11 @@ |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
index : 0 |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
|
|
|
//切换状态 |
|
|
|
|
|
changeState(index){ |
|
|
|
|
|
this.index = this.index ? 0 : 1 |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
@ -50,8 +45,11 @@ |
|
|
<style scoped> |
|
|
<style scoped> |
|
|
.content { |
|
|
.content { |
|
|
height: 100vh; |
|
|
height: 100vh; |
|
|
background-color: aquamarine; |
|
|
|
|
|
background: url("@/static/login/bj.jpg") no-repeat center; |
|
|
|
|
|
|
|
|
background-color: #f5f5f5; |
|
|
|
|
|
/* 微信小程序不允许使用本地图片 */ |
|
|
|
|
|
/* background: url("@/static/login/bj.jpg") no-repeat center; */ |
|
|
|
|
|
/* 所以这里我把背景图片上传在阿里云oss.下面这个地址是阿里云oss图片地址 */ |
|
|
|
|
|
background: url("https://tennis-oss.xzaiyp.top/2024-09-02/0030f0ef-4270-47dc-a870-b24bffb6ce28.jpg") no-repeat center; |
|
|
background-size: cover; |
|
|
background-size: cover; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
