|
|
@@ -48,23 +48,30 @@
|
|
|
<a-card class="card-item">
|
|
|
<a-tag color="#6cc000">#60</a-tag>
|
|
|
<a-tag color="#fe4c52">ORIGIN</a-tag>
|
|
|
- <div style="margin: 5px 0 0 2px; font-size: 12px;">Axie #8584101</div>
|
|
|
- <small style="color: #6b6665;">Breed count:2</small>
|
|
|
+ <div style="margin: 5px 0 0 2px; font-size: 12px">
|
|
|
+ Axie #8584101
|
|
|
+ </div>
|
|
|
+ <small style="color: #6b6665">Breed count:2</small>
|
|
|
<div style="width: 80%; margin: 0 auto">
|
|
|
<img style="width: 100%" src="../assets/logo.png" alt="" />
|
|
|
</div>
|
|
|
- <div style="height: 35px;line-height: 35px; text-align: center;">
|
|
|
- <span style="font-size: 20px;">Ξ 0.016</span>
|
|
|
- <span style="display: inline-block; margin-left: 5px; font-size: 14px;color: #a1a69a;">$54</span>
|
|
|
+ <div style="height: 35px; line-height: 35px; text-align: center">
|
|
|
+ <span style="font-size: 20px">Ξ 0.016</span>
|
|
|
+ <span
|
|
|
+ style="
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #a1a69a;
|
|
|
+ "
|
|
|
+ >$54</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</a-card>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
<!-- 分页 -->
|
|
|
- <div
|
|
|
- class="Pagination"
|
|
|
- style="display: flex; justify-content: space-around"
|
|
|
- >
|
|
|
+ <div class="pagination">
|
|
|
<div style="display: flex">
|
|
|
<a-button
|
|
|
pre-icon
|
|
|
@@ -201,6 +208,12 @@ export default defineComponent({
|
|
|
box-shadow: 0px 3px 8px 0px rgba(17, 19, 27, 0.3) !important;
|
|
|
}
|
|
|
|
|
|
+/* 分页 */
|
|
|
+.pagination {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ margin: 10px 0;
|
|
|
+}
|
|
|
.page-center {
|
|
|
margin: 0 10px;
|
|
|
display: flex;
|
