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%);
+ }
+ }
}
}