dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

11.29前端

Browse Source
This commit is contained in:
@QQNZX 2023-11-29 13:11:01 +08:00
parent cec9d85b3a
commit 3a8e08b2d1
1 changed files with 129 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
gasStation-uni/pagesLogin/login/login.vue
View File

@ -2,14 +2,24 @@
<view class="content"> <view class="content">
<view class="container"> <view class="container">
<view class="my-header"> <view class="my-header">
<view class="my-icons" @click="goback"> <uni-icons type="left" size="16"></uni-icons> </view> <view class="my-icons" > </view>
<view class="my-text">登录</view> <view class="my-text"></view>
<view class="my-icons"></view> <view class="my-icons"></view>
</view> </view>
<view class="top-box"></view>
<!-- 顶部区域 --> <!-- 顶部区域 -->
<u-button text="手机号快捷登录" class="dl" :customStyle="{color:'#ffffff'}" color="#0D2E8D" <button class="dl-box" open-type='getPhoneNumber' @getphonenumber="getPhone">手机号快捷登录</button>
open-type='getPhoneNumber' @getphonenumber="getPhone"></u-button> <button class="kk-box" @click="goback" >我再看看</button>
<view class="dbottom">
<view class="quanzi" v-if="qindex == false " @click="qindex =! qindex"></view>
<view class="lanquanzi" v-if="qindex == true" @click="qindex =! qindex"><u-icon name="checkbox-mark"
color="#ffffff" size="14"></u-icon></view>
<text>请仔细阅读</text>
<text class="lan">《用户协议》</text>
<text>和</text>
<text class="lan">《隐私政策》</text>
</view>
</view> </view>
</view> </view>
</template> </template>
@ -19,6 +29,7 @@
data() { data() {
return { return {
title: '', title: '',
qindex: false,
baseUrl: this.$baseUrl, baseUrl: this.$baseUrl,
} }
}, },
@ -27,12 +38,9 @@
}, },
components: { components: {
}, },
methods: { methods: {
wxlogin() { wxlogin() {
}, },
getPhone(e) { getPhone(e) {
let that = this let that = this
@ -95,13 +103,9 @@
}); });
} }
}) })
} }
}) })
}, },
goback() { goback() {
uni.navigateBack() uni.navigateBack()
} }
@ -111,7 +115,8 @@
<style scoped lang="scss"> <style scoped lang="scss">
.content { .content {
background: #f4f5f6; background: #ffffff;
} }
.container { .container {
@ -124,7 +129,7 @@
.my-header { .my-header {
width: 100%; width: 100%;
height: 88px; height: 88px;
background: #ffffff; background: #3c91f4;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -142,4 +147,113 @@
position: fixed; position: fixed;
top: 0px; top: 0px;
} }
</style> .dl{
height: 40px;
background: #2F72F7;
border-radius: 50px;
}
.top-box{
width: 100%;
height: 60vh;
background: url('http://47.95.206.185:83/lgoin.png')center no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
.dl-box{
width: 80%;
height: 45px;
background: #2F72F7;
color: white;
border-radius: 50px;
}
.kk-box{
width: 80%;
height: 45px;
background: #F0F3FA;
color: #333333;
border-radius: 50px;
border: 1px solid #F0F3FA;
margin: 10px auto;
}
.dbottom {
width: 100%;
text-align: center;
font-size: 12px;
color: #333333;
margin-top: 40px;
position: fixed;
bottom: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.quanzi {
width: 14px;
height: 14px;
border: 1px solid #666666;
border-radius: 50%;
margin-right: 10px;
}
.lanquanzi {
width: 14px;
height: 14px;
border: 1px solid #0078FF;
border-radius: 50%;
margin-right: 10px;
background: #0078FF;
color: white;
}
.lan {
color: #0078FF;
}
.jiuzhong {
width: 90%;
margin: 10px auto;
display: flex;
align-items: center;
}
.dist {
display: flex;
align-items: center;
margin: 0px 10px;
}
.d-zi {
font-size: 14px;
}
.d-qian {
width: 14px;
height: 14px;
margin-right: 5px;
overflow: hidden;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #666666;
color: white;
}
.d-qian-lan {
width: 14px;
height: 14px;
margin-right: 5px;
overflow: hidden;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #0078FF;
border: 1px solid #0078FF;
color: white;
}
</style>