|
@@ -12,7 +12,7 @@
|
12
|
12
|
<h5 v-if="!type">{{data.BookDescription}}</h5>
|
13
|
13
|
<div v-if="!type" class="flex-h" style="margin-top: .06rem;">
|
14
|
14
|
<span class="flex-item">{{data.Author}} 著</span>
|
15
|
|
- <span class="status" @click="appointmentBook(data.BookId)">{{data.Status}}</span>
|
|
15
|
+ <span class="status active" @click="appointmentBook(data.BookId)">{{data.Status}}</span>
|
16
|
16
|
</div>
|
17
|
17
|
<div v-if="!type" class="flex-h">
|
18
|
18
|
<span class="flex-item">{{data.Publisher}}</span>
|
|
@@ -155,9 +155,16 @@ export default {
|
155
|
155
|
&.status {
|
156
|
156
|
padding: 0 0.15rem;
|
157
|
157
|
font-size: 0.12rem;
|
|
158
|
+ color: #999;
|
|
159
|
+ background: #fff;
|
|
160
|
+ border: 1px solid #ccc;
|
|
161
|
+ border-radius: 0.25rem;
|
|
162
|
+ box-sizing: border-box;
|
|
163
|
+ }
|
|
164
|
+ &.status.active {
|
158
|
165
|
color: #fc674a;
|
159
|
166
|
background: #fcf3f3;
|
160
|
|
- border-radius: 0.25rem;
|
|
167
|
+ border: none;
|
161
|
168
|
}
|
162
|
169
|
}
|
163
|
170
|
}
|