ZhangBin
/
Typhoneye
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

部分页面样式修改

210plan
aBin 3 years ago
parent
fa31283b5d
commit
8fdc5b0ba1
9 changed files with 50 additions and 36 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 53
      src/components/Demonstration/Demonstration.vue
  2. 18
      src/components/Test/Test.vue
  3. 3
      src/components/VolumeProject/VolumeProject.vue
  4. 2
      src/pages/index/index.vue
  5. 4
      src/pages/info/info.vue
  6. 2
      src/pages/inner/inner.vue
  7. 2
      src/pages/outside/outside.vue
  8. 2
      src/pages/patient/patient.vue
  9. BIN
      src/static/指针.png

53
src/components/Demonstration/Demonstration.vue
View File

@ -1,24 +1,27 @@
<template> <template>
<div <div class="demonstration-box flex flex-nowrap" :class="patientInfo && patientInfo.isInfo ? 'justify-between' : 'justify-center'">
class="demonstration-box w-full flex flex-nowrap" <!-- :style="{ backgroundColor: detailValueType === 1 ? '#40a9ff' : '#6ea4d1' }" -->
style="padding: 0 16px"
:style="{ backgroundColor: detailValueType === 1 ? '#40a9ff' : '#6ea4d1' }"
:class="patientInfo && patientInfo.isInfo ? 'justify-between' : 'justify-center'"
>
<template v-if="patientInfo && patientInfo.isInfo"> <template v-if="patientInfo && patientInfo.isInfo">
<div class="flex"> <div class="w-full flex justify-between">
<div style="margin-right: 16px"> <view class="flex items-center">
{{ patientInfo.name ? patientInfo.name : '无名氏' }} <!-- <u-icon name="clock" color="#5990FF" style="margin-right: 4px"></u-icon> -->
</div> <img src="@/static/指针.png" style="width: 32rpx; height: 32rpx; margin-right: 4px" alt="" />
<div style="margin-right: 16px"> 填写中
<span v-if="patientInfo && (patientInfo.gender || patientInfo.gender === 0)"> </view>
{{ patientInfo.gender === 0 ? '女' : '男' }} <view class="flex">
</span> <div style="margin-right: 4px">
<span v-else>-</span> {{ patientInfo.name ? patientInfo.name : '无名氏' }}
</div> </div>
<div> <div style="margin-right: 4px">
{{ patientInfo.age ? patientInfo.age + '岁' : '-' }} <span v-if="patientInfo && (patientInfo.gender || patientInfo.gender === 0)">
</div> {{ patientInfo.gender === 0 ? '女' : '男' }}
</span>
<span v-else>-</span>
</div>
<div>
{{ patientInfo.age ? patientInfo.age + '岁' : '-' }}
</div>
</view>
</div> </div>
</template> </template>
<div> <div>
@ -60,12 +63,20 @@ export default {
</script> </script>
<style scoped> <style scoped>
.demonstration-box { .demonstration-box {
height: 28px; width: calc(750rpx - 64rpx);
line-height: 28px; height: 32px;
margin: 32rpx 32rpx 0 32rpx;
text-align: center; text-align: center;
position: fixed; position: fixed;
border-radius: 14px;
padding: 16rpx 24rpx;
color: #fff; color: #fff;
background: #e4edff;
top: 0; top: 0;
z-index: 99; z-index: 99;
font-size: 24rpx;
font-family: OPPOSans-Bold, OPPOSans;
font-weight: bold;
color: #5990ff;
} }
</style> </style>

18
src/components/Test/Test.vue
View File

@ -247,13 +247,15 @@
v-for="(check, checkIndex) in listItem.itemIsChecked" v-for="(check, checkIndex) in listItem.itemIsChecked"
:key="checkIndex" :key="checkIndex"
:style="{ minWidth: listItem.checkType - 0 === 3 ? '33%' : listItem.checkType - 0 === 2 ? '50%' : 0 }" :style="{ minWidth: listItem.checkType - 0 === 3 ? '33%' : listItem.checkType - 0 === 2 ? '50%' : 0 }"
class="my-2 flex items-center" class="w-full my-2 flex flex-1 flex-col items-start justify-center"
> >
<u-checkbox v-model="check.isChecked" :name="listItem.itemList[checkIndex]"> <view class="flex">
<span :style="{ color: check.isChecked ? '#1890ff' : '' }"> <view :style="{ color: check.isChecked ? '#1890ff' : '' }" style="width: 628rpx">
{{ listItem.itemList[checkIndex] }} {{ listItem.itemList[checkIndex] }}
</span> </view>
</u-checkbox> <u-checkbox v-model="check.isChecked" :name="listItem.itemList[checkIndex]">
</u-checkbox>
</view>
<u-input <u-input
:border="true" :border="true"
:clearable="false" :clearable="false"
@ -319,8 +321,8 @@
class="flex items-center" class="flex items-center"
@click="openDropDown(listItem.title, listItem.itemList, listItem.code, index, listIndex, listItem.value)" @click="openDropDown(listItem.title, listItem.itemList, listItem.code, index, listIndex, listItem.value)"
> >
<span style="margin-right: 10px" v-if="listItem.value">{{ listItem.value }}</span> <span style="margin-right: 10px;color: #bbb" v-if="listItem.value">{{ listItem.value }}</span>
<span style="margin-right: 10px" v-else>请选择</span> <span style="margin-right: 10px;color: #bbb" v-else>请选择</span>
<!-- <img src="@/static/icon/right.png" style="height: 20px" /> --> <!-- <img src="@/static/icon/right.png" style="height: 20px" /> -->
<u-icon name="arrow-right" color="#70798C" size="28"></u-icon> <u-icon name="arrow-right" color="#70798C" size="28"></u-icon>
</div> </div>
@ -374,7 +376,7 @@
@click="iptChangeRadio(radioValue.name, listItem.code, index, listIndex)" @click="iptChangeRadio(radioValue.name, listItem.code, index, listIndex)"
@blur="changeScroeNum($event, listItem.min, listItem.max, radioValue.code, index, listIndex, radioIndex)" @blur="changeScroeNum($event, listItem.min, listItem.max, radioValue.code, index, listIndex, radioIndex)"
/> />
<span v-else :style="{ color: listItem.value === radioValue.name ? '#1890ff' : '' }">{{ radioValue.name }}</span> <view v-else class="ipt-radio" :style="{ color: listItem.value === radioValue.name ? '#1890ff' : '' }">{{ radioValue.name }}</view>
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</div> </div>

3
src/components/VolumeProject/VolumeProject.vue
View File

@ -10,7 +10,7 @@
style="transition: all 0.3s" style="transition: all 0.3s"
> >
<view class="hos-name">{{ item.name }}</view> <view class="hos-name">{{ item.name }}</view>
<view class="doc-name">{{ item.doctorName }}</view> <view class="doc-name flex items-center justify-center">{{ item.doctorName }}</view>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@ -94,6 +94,7 @@ export default {
left: 64rpx; left: 64rpx;
} }
.doc-name { .doc-name {
min-width: 80rpx;
background: #ffc83b; background: #ffc83b;
border-radius: 24rpx; border-radius: 24rpx;
font-size: 20rpx; font-size: 20rpx;

2
src/pages/index/index.vue
View File

@ -558,7 +558,7 @@ page {
left: 0; left: 0;
width: 240rpx; width: 240rpx;
text-align: center; text-align: center;
bottom: 46rpx; bottom: 48rpx;
font-size: 20rpx; font-size: 20rpx;
font-family: OPPOSans-Medium, OPPOSans; font-family: OPPOSans-Medium, OPPOSans;
font-weight: 500; font-weight: 500;

4
src/pages/info/info.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="info" style="padding-top: 28px"> <div class="info" style="padding-top: 42px">
<Demonstration /> <Demonstration />
<div bordered class="list-box bg-white mb-2" v-for="(item, index) in list" :key="index"> <div bordered class="list-box bg-white mb-2" v-for="(item, index) in list" :key="index">
<template v-for="(listItem, listIndex) in item"> <template v-for="(listItem, listIndex) in item">
@ -51,7 +51,7 @@
class="flex items-center" class="flex items-center"
@click="openDropDown(listItem.title, listItem.itemList, listItem.dropType, getValue(listItem.code))" @click="openDropDown(listItem.title, listItem.itemList, listItem.dropType, getValue(listItem.code))"
> >
<span style="margin-right: 10px">{{ getValue(listItem.code) ? getValue(listItem.code) : '请选择' }}</span> <span style="margin-right: 10px; color: #bbb">{{ getValue(listItem.code) ? getValue(listItem.code) : '请选择' }}</span>
<u-icon name="arrow-right" color="#70798C" size="28"></u-icon> <u-icon name="arrow-right" color="#70798C" size="28"></u-icon>
</div> </div>
</div> </div>

2
src/pages/inner/inner.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="inner" style="padding-top: 28px; padding-bottom: 50rpx"> <div class="inner" style="padding-top: 42px; padding-bottom: 50rpx">
<Demonstration /> <Demonstration />
<div class="w-full" v-for="(item, index) in testList" :key="index"> <div class="w-full" v-for="(item, index) in testList" :key="index">
<template v-if="item.testType === 1"> <template v-if="item.testType === 1">

2
src/pages/outside/outside.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="w-full flex flex-col flex-wrap" style="padding-bottom: 20px; padding-top: 28px"> <div class="w-full flex flex-col flex-wrap" style="padding-bottom: 20px; padding-top: 42px">
<Demonstration /> <Demonstration />
<div class="w-full" v-for="(item, index) in testList" :key="index"> <div class="w-full" v-for="(item, index) in testList" :key="index">
<template v-if="item.testType === 1"> <template v-if="item.testType === 1">

2
src/pages/patient/patient.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="establish bg-gray-100" style="padding-top: 28px"> <div class="establish bg-gray-100" style="padding-top: 42px">
<Demonstration /> <Demonstration />
<div bordered class="list-box bg-white" v-for="(item, index) in list" :key="index"> <div bordered class="list-box bg-white" v-for="(item, index) in list" :key="index">
<div <div

BIN
src/static/指针.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

Write Preview
Loading…
Cancel
Save