Commit 8abc8f32 authored by gengchunlei's avatar gengchunlei

居民端小程序 筛查、随访、指导 样式重新优化

parent 4537d996
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0, viewport-fit=cover' /> <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0, viewport-fit=cover' />
<link rel='icon' href='<%= BASE_URL %>favicon.ico'> <link rel='icon' href='<%= BASE_URL %>favicon.ico'>
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
<script src='https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js'></script> <!-- <script src='https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js'></script>-->
</head> </head>
<body> <body>
<noscript> <noscript>
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
</body> </body>
<script> <script>
var vConsole =new VConsole(); /* var vConsole =new VConsole();
console.log('Hello world'); console.log('Hello world');*/
</script> </script>
</html> </html>
...@@ -163,7 +163,7 @@ export default { ...@@ -163,7 +163,7 @@ export default {
position: relative; position: relative;
display: flex; display: flex;
margin-bottom: 8px; margin-bottom: 8px;
&:last-child { &:last-of-type {
margin-bottom: 0; margin-bottom: 0;
} }
} }
......
...@@ -162,11 +162,10 @@ export default { ...@@ -162,11 +162,10 @@ export default {
background-color: #fff; background-color: #fff;
border-radius: 12px; border-radius: 12px;
>div { >div {
position: relative;
display: flex; display: flex;
margin-bottom: 8px; margin-bottom: 8px;
&:last-child { &:last-of-type {
margin-bottom: 0; margin-bottom: 0!important;
} }
} }
.label { .label {
......
...@@ -13,9 +13,9 @@ ...@@ -13,9 +13,9 @@
<span class="name">{{ userInfo.residentName }}</span> <span class="name">{{ userInfo.residentName }}</span>
</div> </div>
<div class='lh-22'> <div class='lh-22'>
<div class='mt-3'>筛查日期:{{ info.screenDate || '-' }}</div> <div class='mt-3'>筛查日期:<span class='color-26'>{{ info.screenDate || '-' }}</span></div>
<span>慢病高危评估结果:</span> <span>慢病高危评估结果:</span>
<span :class="{'text-red': info.screenResult !== 1 }">{{ info.screenResultName }}</span> <span :class="{'text-red': info.screenResult !== 1, 'color-26': info.screenResult === 1 }">{{ info.screenResultName }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -259,4 +259,7 @@ table { ...@@ -259,4 +259,7 @@ table {
.lh-22 { .lh-22 {
line-height: 22px; line-height: 22px;
} }
.color-26 {
color: #262626;
}
</style> </style>
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<span v-if='info.specialScreenResult ==9'>您并未存在高危风险。</span> <span v-if='info.specialScreenResult ==9'>您并未存在高危风险。</span>
</div> </div>
<div v-if='info.specialScreenResult && info.specialScreenResult !=9' <div v-if='info.specialScreenResult && info.specialScreenResult !=9'
class='flex items-center flex-wrap gap-x-2.5 gap-y-1'> class='flex items-center flex-wrap gap-x-2.5 gap-y-1 mt-2'>
<div v-for='(item, index) in highRiskList' :key='index' class='tag tag-red'> <div v-for='(item, index) in highRiskList' :key='index' class='tag tag-red'>
<span>{{ item.name }}</span><span class='color-red'>{{ item.num || 0 }}</span> <span>{{ item.name }}</span><span class='color-red'>{{ item.num || 0 }}</span>
</div> </div>
......
...@@ -192,12 +192,12 @@ export default { ...@@ -192,12 +192,12 @@ export default {
position: relative; position: relative;
display: flex; display: flex;
margin-bottom: 8px; margin-bottom: 8px;
&:last-child { &:last-of-type {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.label { .label {
min-width: 6em; min-width: 7em;
color: #8C8C8C; color: #8C8C8C;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment