This commit is contained in:
2023-09-26 09:59:01 +08:00
parent 0950250290
commit 005536128c
4 changed files with 112 additions and 9 deletions

View File

@ -1,9 +1,9 @@
<template>
<view class="app">
<image src="../../static/logo.png" mode=""></image>
<view class="text">
<!-- <view class="text">
新医路健康服务平台
</view>
</view> -->
<button class="loginbtn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumberp">手机号快捷登录</button>
<u-toast ref="uToast" />
</view>

View File

@ -1,9 +1,9 @@
<template>
<view class="app">
<image src="../../static/logo.png" mode=""></image>
<view class="title">
<!-- <view class="title">
新医路健康服务平台
</view>
</view> -->
</view>
</template>

View File

@ -1,7 +1,37 @@
<template>
<view class="app">
<view class="card">
<view class="code">
<view class="title">
签约时出示二维码
</view>
<image src="../../static/pagesB/fuli.png" mode=""></image>
</view>
<view class="item">
<view class="lefttext">
姓名
</view>
<view class="righttext">
张三
</view>
</view>
<view class="item">
<view class="lefttext">
手机号
</view>
<view class="righttext">
178****3647
</view>
</view>
<view class="item">
<view class="lefttext">
身份证号
</view>
<view class="righttext">
3703************76
</view>
</view>
<view class="btn">
解除绑定家庭成员
</view>
</view>
</template>
@ -17,5 +47,77 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
background-color: #fff;
width: 96%;
margin: 20rpx auto 0;
height: calc(100vh - 20rpx);
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
padding-top: 24rpx;
.btn {
position: fixed;
bottom: 50rpx;
left: 50%;
transform: translateX(-50%);
width: 500rpx;
height: 70rpx;
background: #26A888;
line-height: 70rpx;
border-radius: 10rpx;
font-size: 31rpx;
font-weight: 500;
color: #FFFFFF;
text-align: center;
}
.item {
width: 94%;
margin: 0 auto;
height: 120rpx;
font-size: 34rpx;
color: #333333;
position: relative;
border-bottom: 2rpx solid #E6E6E6;
.lefttext,
.righttext {
position: absolute;
top: 50%;
left: 4%;
transform: translateY(-50%);
}
.righttext {
right: 3% !important;
text-align: right;
}
}
.code {
width: 96%;
height: 400rpx;
margin: 0 auto 40rpx;
border: 2rpx solid #26A888;
border-radius: 5rpx;
.title {
margin: 50rpx 0 40rpx;
font-size: 32rpx;
color: #26A888;
text-align: center;
}
image {
margin-left: 50%;
transform: translateX(-50%);
width: 220rpx;
height: 220rpx;
}
}
}
</style>

View File

@ -7,7 +7,7 @@
.bottom {
position: fixed;
bottom: 30rpx;
bottom: 50rpx;
left: 50%;
transform: translateX(-50%);
text-align: center;
@ -20,9 +20,10 @@
}
.btn {
font-size: 31rpx;
width: 500rpx;
height: 60rpx;
line-height: 60rpx;
height: 70rpx;
line-height: 70rpx;
color: #fff;
font-weight: 500;
background: #26A888;