From 35da850b5d9802ca85a1d2890b7ebdd7d5db0548 Mon Sep 17 00:00:00 2001
From: x_ying <2438792676@qq.com>
Date: Wed, 12 Oct 2022 10:19:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E4=B9=A6=E8=AF=A6=E6=83=85=E4=BD=8D?=
=?UTF-8?q?=E7=BD=AE=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/assets/iconfont/demo_index.html | 31 +++++++--
src/assets/iconfont/iconfont.css | 12 ++--
src/assets/iconfont/iconfont.js | 2 +-
src/assets/iconfont/iconfont.json | 7 ++
src/assets/iconfont/iconfont.svg | 2 +
src/assets/iconfont/iconfont.ttf | Bin 11200 -> 11412 bytes
src/assets/iconfont/iconfont.woff | Bin 6304 -> 6460 bytes
src/assets/iconfont/iconfont.woff2 | Bin 4960 -> 5132 bytes
src/assets/images/local-bg.png | Bin 0 -> 6707 bytes
src/views/module/bookDetails.vue | 99 ++++++++++++++++++++++++----
10 files changed, 132 insertions(+), 21 deletions(-)
create mode 100644 src/assets/images/local-bg.png
diff --git a/src/assets/iconfont/demo_index.html b/src/assets/iconfont/demo_index.html
index 35fc90a..e635d87 100644
--- a/src/assets/iconfont/demo_index.html
+++ b/src/assets/iconfont/demo_index.html
@@ -54,6 +54,12 @@
+ -
+
+
位置
+ 
+
+
-
右滑
@@ -162,10 +168,10 @@
@font-face {
font-family: 'iconfont';
- src: url('iconfont.woff2?t=1663843773274') format('woff2'),
- url('iconfont.woff?t=1663843773274') format('woff'),
- url('iconfont.ttf?t=1663843773274') format('truetype'),
- url('iconfont.svg?t=1663843773274#iconfont') format('svg');
+ src: url('iconfont.woff2?t=1664428017869') format('woff2'),
+ url('iconfont.woff?t=1664428017869') format('woff'),
+ url('iconfont.ttf?t=1664428017869') format('truetype'),
+ url('iconfont.svg?t=1664428017869#iconfont') format('svg');
}
第二步:定义使用 iconfont 的样式
@@ -191,6 +197,15 @@
+ -
+
+
+ 位置
+
+ .icon-weizhi
+
+
+
-
@@ -353,6 +368,14 @@
+ -
+
+
位置
+ #icon-weizhi
+
+
-
- 位置
+
+
+
+
+ 所在位置
+
+
+ -
+
+ 当前图书暂未查到位置信息
+
+
+ -
+
+
+
+ {{ item.shelfName }}
+
+
@@ -41,6 +61,10 @@ export default {
created() {
},
methods: {
+ toBookNav(barcode) {
+ const linkSrc = process.env.VUE_APP_BASE_API
+ window.location.href = linkSrc + '/anchoring/goNavigation.do?libcode=1201&eqmNo=001&barcode=' + barcode
+ }
}
}
@@ -131,18 +155,69 @@ export default {
}
}
}
- .book-local{
- border: 1px solid #3F92F6;
- background: #D0E0F9;
- border-radius: 52px;
- height: 64px;
- line-height: 64px;
- text-align: center;
- font-size: 30px;
+ // .book-local{
+ // border: 1px solid #3F92F6;
+ // background: #D0E0F9;
+ // border-radius: 52px;
+ // height: 64px;
+ // line-height: 64px;
+ // text-align: center;
+ // font-size: 30px;
+ // color: #333;
+ // overflow: hidden;
+ // white-space: nowrap;
+ // text-overflow: ellipsis;
+ // }
+ .book-local {
+ height: 343px;
color: #333;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
+ display: flex;
+ // border-radius: 52px;
+ // line-height: 64px;
+ // text-align: center;
+ // font-size: 30px;
+ // overflow: hidden;
+ // white-space: nowrap;
+ // text-overflow: ellipsis;
+ .local-title {
+ width: 83px;
+ height: 100%;
+ background: url("~@/assets/images/local-bg.png") no-repeat;
+ writing-mode: vertical-rl;
+ text-align: center;
+ line-height: 83px;
+ font-size: 30px;
+ color: #fff;
+ }
+ .local-list {
+ flex: 1;
+ border: 1px solid #3f92f6;
+ border-left: none;
+ background: #d0e0f9;
+ overflow: hidden;
+ overflow-y: auto;
+ position: relative;
+ font-size: 26px;
+ .local-list-info {
+ height: 56px;
+ line-height: 56px;
+ background-color: #fff;
+ // margin-right: 8px;
+ margin-bottom: 15px;
+ padding-left: 13px;
+ span {
+ margin-left: 19px;
+ }
+ }
+ .local-none {
+ width: 100%;
+ text-align: center;
+ position: absolute;
+ // left: 50%;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+ }
}
}