Commit 5b363119 by Lyan

轮播展示优化

parent 8718a1e1
...@@ -9,9 +9,7 @@ ...@@ -9,9 +9,7 @@
<div class="row"> <div class="row">
<div class="col-lg-6 carousel-caption-left"> <div class="col-lg-6 carousel-caption-left">
<div class="carousel-title">{{ el.title }}</div> <div class="carousel-title">{{ el.title }}</div>
<p class="carousel-note" @click="learnMore(i)"> <p class="carousel-note" @click="learnMore(i)" v-html="el.brief"></p>
{{ el.brief }}
</p>
<button <button
v-if="el.isShow==1" v-if="el.isShow==1"
:class="['carousel-btn', el.colorMore]" :class="['carousel-btn', el.colorMore]"
...@@ -697,7 +695,7 @@ export default { ...@@ -697,7 +695,7 @@ export default {
], // 首页大轮播图 ], // 首页大轮播图
bannerSettings: { bannerSettings: {
arrows: true, arrows: true,
autoplay: true, autoplay: false,
autoplaySpeed: 2000, autoplaySpeed: 2000,
dots: true, dots: true,
centerMode: true, centerMode: true,
...@@ -2102,6 +2100,7 @@ export default { ...@@ -2102,6 +2100,7 @@ export default {
-webkit-line-clamp: 2; /* 这里是超出几行省略 */ -webkit-line-clamp: 2; /* 这里是超出几行省略 */
} }
.carousel-note{ .carousel-note{
white-space: pre-line;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
...@@ -2210,6 +2209,7 @@ export default { ...@@ -2210,6 +2209,7 @@ export default {
line-height: 24px; line-height: 24px;
margin: 30px 0; margin: 30px 0;
cursor: pointer; cursor: pointer;
white-space: pre-line;
// word-break: break-all; // word-break: break-all;
......
...@@ -56,15 +56,19 @@ ...@@ -56,15 +56,19 @@
<Title :father="zdsxTitle5"></Title> <Title :father="zdsxTitle5"></Title>
<div class="glwh"> <div class="glwh">
<ul> <ul>
<li><a href="/Knowledge/GS1System/tmyy?id=1" target="_blank">条码质量控制</a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=2" target="_blank">商品条码在零售商品的应用 </a></li> <li><a href="http://dynamic.gs1cn.org/office/uploadFileResource/ueditor/jsp/upload/file/20231227/dzwzyszss69myydz.pdf" target="_blank">大宗物资与散装商品“69”码应用导则</a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=3" target="_blank">GS1系统在商业零售中的应用 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=4" target="_blank">GS1系统在食品追溯领域中的应用</a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=5" target="_blank">GS1系统在医疗卫生领域中的应用 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=6" target="_blank">GS1系统在物流领域中的应用</a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=7" target="_blank">GS1系统在移动商务与电子商务领域中的应用 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=8" target="_blank">中国商品信息服务平台 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=9" target="_blank">GS1系统在物联网中的应用</a></li> <li><a href="/Knowledge/GS1System/tmyy?id=9" target="_blank">GS1系统在物联网中的应用</a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=8" target="_blank">中国商品信息服务平台 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=7" target="_blank">GS1系统在移动商务与电子商务领域中的应用 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=6" target="_blank">GS1系统在物流领域中的应用</a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=5" target="_blank">GS1系统在医疗卫生领域中的应用 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=4" target="_blank">GS1系统在食品追溯领域中的应用</a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=3" target="_blank">GS1系统在商业零售中的应用 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=2" target="_blank">商品条码在零售商品的应用 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=1" target="_blank">条码质量控制</a></li>
</ul> </ul>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment