路泰科技体检小程序UI设计新版本
1
wwl
2025-07-30 61b58bd03d04d2eb50ac2d93a188c819fe67e01e
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<template>
    <view class="container">
        <uni-section title="泾川县人民医院体检中心" type="line">
            <uni-card :cover="cover" @click="onClick">
                <div class="uni-body">
                    <uni-section title="医院简介" type="line" custom-class="section-title">
                        <div style="margin-bottom: 60rpx;">
                            泾川县人民医院体检中心是集健康体检、健康咨询、健康跟踪、健康促进为一体的全方位现代化、规范化体检中心。拥有高质量的专家团队、优良的体检设备和舒适优雅的环境,为百姓提供健康测评和指导。同时,中心提供优质的检后服务,可为需要进步检查的患者免费预约、导诊等,也可为常见病、多发病患者提供专家集中咨询。体检中心位于我院外科楼13楼,体检时间周一至周五,上午8:00-12:00,下午14:30-17:30。体检中心现设有内科、外科、妇科、眼科、耳鼻喉科、口腔科,均具有丰富临床经验骨干医生组成,护理导医人
                        </div>
                        <div style="font-size: 30rpx; color: #F5981F;">温馨提示</div>
                        <div class="tips">
                            <div class="tips-title">一、体检前</div>
                            <div class="tips-list">
                                <text>1. 预约体检时请您认真核对体检人的身份信息</text>
                                <text>2. 体检当天请务必携带体检人身份证件</text>
                                <text>3. 体检前一天晚餐19:30以前结束,22:00至体检当天采血前禁止饮水。</text>
                                <text>4. 体检前三日请您不要吃高脂类食物(如肥肉、蛋类)</text>
                                <text>5. 检前晚8时后避免进食和剧烈运动,保持充足睡眠</text>
                                <text>6. 体检当日空腹。(必服药物除外)</text>
                                <text>7. 未婚、已孕、经期的女性请不要做妇科检查</text>
                                <text>8. 不要佩戴首饰、穿带金属扣内衣及有金属装饰衣服以免影响放射检查。</text>
                                <text>9. 怀孕或准备怀孕的女性请不要做X线检查</text>
                                <text>10. 接受前列腺或妇科B超(未婚)</text>
                            </div>
                        </div>
                    </uni-section>
                    <uni-section title="联系方式" type="line" custom-class="section-title">
                        电 话:0933-6410678转8097
                    </uni-section>
                </div>
                <div class="share" @click="shareToggle">
                    <uni-icons type="heart" size="20" color="#fff"></uni-icons>
                    <div>分享</div>
                </div>
            </uni-card>
        </uni-section>
        <uni-popup ref="share" type="share" safeArea backgroundColor="#fff">
            <uni-popup-share></uni-popup-share>
        </uni-popup>
    </view>
</template>
 
<script>
    export default {
        data() {
            return {
                cover: 'https://ltpeis.xaltjdkj.cn:5502/static/images/hosp.png',
                //avatar: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
                extraIcon: {
                    color: '#4cd964',
                    size: '22',
                    type: 'gear-filled'
                }
            }
        },
 
        methods: {
            shareToggle() {
                this.$refs.share.open()
            },
            //跳转页面
            ComparisonReport() {
                uni.navigateTo({
                    url: '/pages/ComparisonReport/ComparisonReport'
                })
            },
            ReportDetails() {
                uni.navigateTo({
                    url: '/pages/ReportDetails/ReportDetails'
                })
            }
        },
 
    }
</script>
<style lang="scss" scoped>
.share {
    width: 80rpx;
    height: 80rpx;
    background: #373E58;
    padding: 6rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    opacity: 0.4;
    display: flex; /* 修复:添加 display: flex */
    flex-direction: column; /* 垂直排列 */
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    color: #fff; /* 文字颜色设置为白色,与图标一致 */
    font-size: 24rpx; /* 调整文字大小 */
    position: fixed; /* 固定定位 */
    right: 20rpx; /* 距离屏幕右侧 20rpx */
    top: 50%; /* 垂直居中起点 */
    transform: translateY(-50%); /* 向上偏移自身高度的一半,实现居中 */
    z-index: 999; /* 确保在其他元素之上 */
}
 
.share div {
 
    line-height: 16rpx;
}
.uni-body {
    width: 100%;
    min-height: 1560rpx;
}
.card-actions-item-text {
    font-size: 16px;
    color: #999;
}
.tips {
    margin-top: 20rpx;
}
.tips-title {
    font-weight: bold;
    font-size: 28rpx;
    margin-bottom: 10rpx;
}
.tips-list {
    font-size: 26rpx;
    line-height: 40rpx;
}
.tips-list text {
    display: block;
    margin-bottom: 10rpx;
}
.section-title {
    ::v-deep .uni-section__head {
        display: flex;
        align-items: center;
        height: auto;
    }
    ::v-deep .uni-section__head__line {
        margin-right: 10rpx;
        align-self: flex-start;
    }
    ::v-deep .uni-section__content-title {
        font-weight: bold;
        font-size: 28rpx;
        line-height: 40rpx;
    }
}
</style>