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