142 lines
2.7 KiB
Vue
142 lines
2.7 KiB
Vue
<template>
|
||
<view class="app">
|
||
<view class="content">
|
||
<view class="item">
|
||
筛查项目：
|
||
<span>眼底筛查</span>
|
||
</view>
|
||
<view class="item">
|
||
筛查时间：
|
||
<span>2023-14-14 13:13:13</span>
|
||
</view>
|
||
<view class="item">
|
||
筛查机构：
|
||
<span>河口社区卫生服务中心</span>
|
||
</view>
|
||
<view class="item">
|
||
筛查项目：
|
||
<span>眼底筛查</span>
|
||
</view>
|
||
<view class="item">
|
||
筛查医生：
|
||
<span>张三</span>
|
||
</view>
|
||
<view class="itemend">
|
||
筛查结果:
|
||
|
||
</view>
|
||
<view class="image">
|
||
<view class="imageitem">
|
||
<image src="../../static/pagesB/Behave.png" mode=""></image>
|
||
</view>
|
||
<view class="imageitem">
|
||
<image src="../../static/pagesB/Behave.png" mode=""></image>
|
||
</view>
|
||
<view class="imageitem">
|
||
<image src="../../static/pagesB/Behave.png" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
诊断结果：
|
||
<span>诊断结果内容</span>
|
||
</view>
|
||
<view class="item">
|
||
健康处方：
|
||
</view>
|
||
<view class="word">
|
||
处方内容内容处方处内容方内处方容容内处 方内容处方容处方处内容方内处方容容内处 方容处方内容
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {};
|
||
},
|
||
|
||
methods: {
|
||
goapponint() {
|
||
uni.navigateTo({
|
||
url: '/pagesC/Screeningdetails/Screeningdetails'
|
||
});
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.app {
|
||
height: 100vh;
|
||
background-color: #F7F5F5;
|
||
padding: 30rpx 0 0 0;
|
||
overflow: scroll;
|
||
|
||
.content {
|
||
background-color: #fff;
|
||
position: relative;
|
||
width: 95%;
|
||
height: 100%;
|
||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||
border-radius: 5rpx;
|
||
margin: 15rpx auto;
|
||
|
||
.word {
|
||
width: 90%;
|
||
margin: 10rpx auto;
|
||
font-size: 30rpx;
|
||
font-family: Source Han Sans CN;
|
||
font-weight: 400;
|
||
color: #868585;
|
||
line-height: 38rpx;
|
||
text-indent: 35rpx;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 5;
|
||
line-clamp: 5;
|
||
-webkit-box-orient: vertical;
|
||
text-align: justify;
|
||
}
|
||
|
||
.itemend {
|
||
font-size: 30rpx;
|
||
font-family: Source Han Sans CN;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
line-height: 38rpx;
|
||
padding: 50rpx 30rpx 0 30rpx;
|
||
|
||
|
||
}
|
||
|
||
.image {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
padding-top: 20rpx;
|
||
}
|
||
|
||
.imageitem {
|
||
image {
|
||
width: 195rpx;
|
||
height: 276rpx;
|
||
}
|
||
}
|
||
|
||
.item {
|
||
padding: 30rpx 30rpx 0 30rpx;
|
||
font-size: 30rpx;
|
||
font-family: Source Han Sans CN;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
line-height: 38rpx;
|
||
|
||
span {
|
||
color: #868585;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|