nurseWeChatAppletUI/pages/detail/detail.vue

115 lines
2.5 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="app">
<view class="concent">
<view class="background">
<image src="/static/logo.png" mode=""></image>
<view>
<view class="detailed">
<view>护理站是以维护社区人群健康满足社区 人群基本医疗护理需求为宗旨以护士为核心 的各类护理人员组成的团队在一定社区范围 为长期卧床老人患者残疾人临终患
者和其他需要护理服务者提供基础护理专科 护理临终护理消毒隔离技术指导营养指导社区康复指导健康宣教和其他护理服务 的医疗机构</view>
<view>护理站以遵医嘱的上门护理服务为主包括生活护理和医疗护理详情如下</view>
</view>
</view>
</view>
</view>
<view class="concenta">
<text class="life">生活护理 </text>
<view class="lifeserve">
<image src="/static/lifeserve.png" mode=""></image>
</view>
</view>
<view class="concentb">
<text class="life">医疗护理 </text>
<view class="lifeserve">
<image src="/static/yiliaohuli.png" mode=""></image>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {}
}
</script>
<style lang="scss">
.app {
padding-top: 10rpx;
.concent {
width: 701rpx;
height: 811rpx;
background: #4C7BC9;
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 20rpx;
margin-top: 5%;
margin: 0 auto;
margin-bottom: 20px;
.background {
position: relative;
width: 657rpx;
height: 727rpx;
background: #FFFFFF;
border-radius: 25rpx;
background-color: white;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
image {
width: 178rpx;
height: 84rpx;
background: #FFFFFF;
border-radius: 25px;
margin-left: 68%;
margin-top: 5%;
}
}
}
}
.life {
// margin: 0 auto;
width: 162rpx;
height: 40rpx;
font-size: 42rpx;
margin-left: 35%;
color: #ffffff;
}
.lifeserve image {
width: 639rpx;
height: 739rpx;
margin-left: 5%;
padding-bottom: 20rpx;
}
.concenta {
margin: 0 auto;
margin-bottom: 20px;
width: 701rpx;
height: 811rpx;
background: #E1AE3C;
border-radius: 25rpx;
}
.concentb {
margin: 0 auto;
margin-bottom: 20px;
width: 701rpx;
height: 811rpx;
background: #00C176;
border-radius: 25rpx;
}
.detailed {
width: 657rpx;
padding: 0 42rpx;
line-height: 56rpx;
}
.detailed view {
text-indent: 2em;
}
</style>