gdxz/uniapp-app
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

8.22提交

Browse Source
This commit is contained in:
zoujiandong
2025-08-22 17:42:43 +08:00
parent f8003ca7a6
commit 1c08455389
15 changed files with 1559 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages_app/myCode/myCode.vue
+121 -41
View File
@@ -24,43 +24,50 @@
</view>
<!-- 白色信息卡 -->
<view class="qr-card">
<view class="avatar-wrapper">
<image class="avatar" :src="avatarImg" mode="aspectFill" />
</view>
<view class="name-viewne">邹建东 主任医师</view>
<view class="org-viewne">北京肝胆相照公益基金会</view>
<view class="dash-viewne"></view>
<view class="slogan">
<text class="h1">不方便到医院就诊</text>
<text >我在<text class="hl">肝胆相照</text>线上帮助您！</text>
</view>
<view class="contact-qr">
<view class="contact-btn">
<up-image :src="viewnkImg" width="430rpx" height="131rpx" ></up-image>
<view class="qrbox">
<view class="qr-card">
<view class="leftCircle"></view>
<view class="rightCircle"></view>
<view class="halfCircle"></view>
<view class="avatar-wrapper">
<image class="avatar" :src="avatarImg" mode="aspectFill" />
</view>
<view class="name-viewne">邹建东 主任医师</view>
<view class="org-viewne">北京肝胆相照公益基金会</view>
<view class="dash-viewne"></view>
<view class="slogan">
<text class="h1">不方便到医院就诊</text>
<text >我在<text class="hl">肝胆相照</text>线上帮助您！</text>
</view>
<view class="contact-qr">
<view class="contact-btn">
<up-image :src="viewnkImg" width="430rpx" height="131rpx" ></up-image>
</view>
<image class="qr-img" :src="qrImg" mode="aspectFit" />
</view>
<image class="qr-img" :src="qrImg" mode="aspectFit" />
</view>
</view>
<view class="square">
<view class="s-top"></view>
<view class="s-middle">
<view id="head">如何添加我为随访医生？</view>
</view>
<view class="s-bottom">
<view>
<view><text>1</text>微信扫一扫上方二维码，关注“肝胆相照一家人”公众号</view>
<view><text>2</text>点击“邹建东专家工作室”，选择微信登录，注册后直接发送随访申请</view>
<view><text>3</text>若未弹出“随访申请发送成功”提示，请再次点击“邹建东专家工作室”发送随访申请</view>
<view><text>4</text>审核通过后，点击“就医服务-随访交流”，与专家进行图文交流</view>
<view class="squrebox">
<view class="square">
<view class="s-top"></view>
<view class="s-middle">
<view id="head">如何添加我为随访医生？</view>
</view>
<view class="s-bottom">
<view>
<view class="descrow"><text>1</text>微信扫一扫上方二维码，关注“肝胆相照一家人”公众号</view>
<view class="descrow"><text>2</text>点击“邹建东专家工作室”，选择微信登录，注册后直接发送随访申请</view>
<view class="descrow"><text>3</text>若未弹出“随访申请发送成功”提示，请再次点击“邹建东专家工作室”发送随访申请</view>
<view class="descrow"><text>4</text>审核通过后，点击“就医服务-随访交流”，与专家进行图文交流</view>
</view>
</view>
<view class="s-half-circle"></view>
<view class="s-half-circle-left"></view>
</view>
<view class="s-half-circle"></view>
<view class="s-half-circle-left"></view>
</view>
</view>
<view class="bottom-gap"></view>
</scroll-view>
<!-- 底部保存按钮 -->
@@ -92,18 +99,48 @@ const onSave = () => {
min-height: 100vh;
background-color: #0d7dfd;
}
.square{
.squrebox{
margin:0 30rpx;
padding-bottom: 40rpx;
border: 2rpx solid #fff;
overflow: hidden;
}
.square{
background-color: #3492FC;
border-radius: 30rpx;
overflow: hidden;
padding-bottom: 40rpx;
border: 2rpx solid #fff;
position: relative;
.s-half-circle-left{
border: 2rpx solid #fff;
position: absolute;
width: 60rpx;
height: 60rpx;
z-index:1;
border-radius:50%;
top:53rpx;
background-color: #0d7dfd;
left: -30rpx;
}
.s-half-circle{
border: 2rpx solid #fff;
position: absolute;
width: 60rpx;
height: 60rpx;
z-index:1;
border-radius:50%;
top:53rpx;
background-color: #0d7dfd;
right: -30rpx;
}
text{
display: inline-flex;
width: 40rpx;
background-color: #6FB3FE;
height: 40rpx;
margin-right: 10rpx;
border-radius:50%;
align-items: center;
justify-content: center;
@@ -126,8 +163,12 @@ const onSave = () => {
.s-bottom{
padding:0 40rpx;
font-size: 26rpx;
margin-top: 30rpx;
line-height: 40rpx;
color:#fff;
.descrow{
margin-bottom: 10rpx;
}
}
}
@@ -157,19 +198,54 @@ const onSave = () => {
.qr-card {
position: relative;
margin: -120rpx 30rpx 0;
margin: -120rpx 30rpx 30rpx;
background: #ffffff;
border-radius: 20rpx;
padding: 140rpx 30rpx 30rpx;
box-shadow: 0 12rpx 30rpx rgba(0,0,0,.08);
box-shadow: 0 12rpx 30rpx rgba(0,0,0,.08);
.leftCircle{
position: absolute;
top:251rpx;
left:-20rpx;
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background-color: #0d7dfd;
}
.rightCircle{
position: absolute;
top:251rpx;
right:-20rpx;
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background-color: #0d7dfd;
}
.halfCircle{
border-radius: 50%;
position: absolute;
border: 10rpx solid #6DB7FD;
border-width: 10rpx 10rpx 0 10rpx;
width: 160rpx;
padding:10rpx;
height: 80rpx;
left: 50%;
border-radius: 100rpx 100rpx 0 0;
top: -110rpx;
transform: translateX(-50%);
overflow: hidden;
}
.avatar-wrapper {
position: absolute;
left: 50%;
top: -60rpx;
top: -100rpx;
transform: translateX(-50%);
width: 160rpx;
height: 160rpx;
border-radius: 50%;
background: #ffffff;
padding: 8rpx;
@@ -182,13 +258,13 @@ const onSave = () => {
}
.name-viewne {
text-aviewgn: center;
text-align: center;
font-size: 34rpx;
color: #1a76d2;
margin-top: 10rpx;
}
.org-viewne {
text-aviewgn: center;
text-align: center;
font-size: 28rpx;
color: #4a90e2;
margin-top: 16rpx;
@@ -196,7 +272,7 @@ const onSave = () => {
.dash-viewne {
margin: 24rpx auto;
height: 0;
border-bottom: 2rpx dashed #cfd8dc;
border-bottom: 2rpx dashed #1c90fd;
}
.slogan {
display: flex;
@@ -207,6 +283,9 @@ const onSave = () => {
font-size: 40rpx;
color: #1e88e5;
viewne-height: 1.6;
text{
text-align: center;
}
.hl {
color: #ff9f1a;
margin-left: 8rpx;
@@ -254,6 +333,7 @@ const onSave = () => {
left: 0;
right: 0;
bottom: 0;
z-index:10;
background: #ffffff;
border-top: 1rpx soviewd #eaeaea;
.save-btn {