|
@@ -2,7 +2,7 @@
|
2
|
2
|
<div class="mainBox">
|
3
|
3
|
<div class="mainContent">
|
4
|
4
|
<div class="navigation">
|
5
|
|
- <div class="goBack">
|
|
5
|
+ <div class="goBack newGoBack">
|
6
|
6
|
<span class="back" @click="backAction()">
|
7
|
7
|
<span class="iconfont"></span>返回
|
8
|
8
|
</span>
|
|
@@ -10,7 +10,7 @@
|
10
|
10
|
<li slot="reference" class="name">{{ patient_name }}</li>
|
11
|
11
|
</el-popover>
|
12
|
12
|
</div>
|
13
|
|
- <div class="nav">
|
|
13
|
+ <div class="nav newNav1">
|
14
|
14
|
<ul>
|
15
|
15
|
<li
|
16
|
16
|
v-for="(item, i) in ['病历', '透析', '今日']"
|
|
@@ -155,11 +155,11 @@ export default {
|
155
|
155
|
.mainContent {
|
156
|
156
|
position: relative;
|
157
|
157
|
.navigation {
|
158
|
|
- @include display-flex;
|
159
|
|
- @include align-items-center;
|
160
|
|
- @include text-align;
|
161
|
|
- @include box-sizing;
|
162
|
|
- @include justify-content-between;
|
|
158
|
+ // @include display-flex;
|
|
159
|
+ // @include align-items-center;
|
|
160
|
+ // @include text-align;
|
|
161
|
+ // @include box-sizing;
|
|
162
|
+ // @include justify-content-between;
|
163
|
163
|
padding: 0.3rem 0.36rem;
|
164
|
164
|
// border-bottom: 1px #e5e5e5 solid;
|
165
|
165
|
position: fixed;
|
|
@@ -168,22 +168,25 @@ export default {
|
168
|
168
|
right: 0;
|
169
|
169
|
z-index: 100;
|
170
|
170
|
background: #258ffc;
|
171
|
|
- @media only screen and (max-width: 320px) {
|
172
|
|
- display: -webkit-box;
|
|
171
|
+ .newGoBack {
|
|
172
|
+ float: left;
|
|
173
|
+ }
|
|
174
|
+ .newNav1 {
|
|
175
|
+ float: left;
|
173
|
176
|
}
|
174
|
177
|
.name {
|
175
|
178
|
color: #fff;
|
176
|
179
|
}
|
177
|
180
|
.nav {
|
178
|
|
- margin-right: 2.4rem;
|
|
181
|
+ margin-left: 0.4rem;
|
179
|
182
|
@media only screen and (min-width: 376px) and (max-width: 415px) {
|
180
|
|
- margin-right: 3.6rem;
|
|
183
|
+ margin-left: 1rem;
|
181
|
184
|
}
|
182
|
185
|
@media only screen and (min-width: 415px) and (max-width: 767px) {
|
183
|
|
- margin-right: 3.6rem;
|
|
186
|
+ margin-left: 1.6rem;
|
184
|
187
|
}
|
185
|
188
|
@media only screen and (min-width: 768px) {
|
186
|
|
- margin-right: 4rem;
|
|
189
|
+ margin-left: 2rem;
|
187
|
190
|
}
|
188
|
191
|
ul {
|
189
|
192
|
li {
|