Skip to content

Commit

Permalink
[update] digikey
Browse files Browse the repository at this point in the history
  • Loading branch information
@Kustz
Kustz committed Dec 19, 2023
1 parent 0e2c14c commit a87d427
Show file tree
Hide file tree
Showing 2 changed files with 76 additions and 25 deletions.
45 changes: 23 additions & 22 deletions Digikey_Microsite/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,9 @@
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css">
<link rel="stylesheet" href="style.css?v=12182212">
<link rel="stylesheet" href="style.css?v=12192217">
</head>
<body>
<div class="g_header">
Expand Down Expand Up @@ -194,7 +195,7 @@
<div class="ct__item"><a class="link" href="https://forum.digikey.com/t/flex-power-modules-dc-dc-converter/35720" target="_blank">Flex Power Modules 直流對直流轉換器 DC DC Converter 設定查詢</a></div>
<div class="ct__other"><a class="other" href="https://forum.digikey.com/c/chinese/78" target="_blank"><span>查看更多</span><img src="img/icon__target.png"></a></div>
</div>
<div class="faq__btn"><a class="primary_btn" href="" target="_blank">提出問題</a></div>
<div class="faq__btn"><a class="primary_btn lsize" href="https://forum.digikey.com/c/chinese/78" target="_blank">提出問題</a></div>
</div>
</div>
</div>
Expand Down Expand Up @@ -232,12 +233,12 @@
<div class="vd__item"><a class="it__wrap" href="https://www.youtube.com/watch?v=oDixCuLdl_I" target="_blank">
<div class="vd"><img class="img-fluid" src="https://i.ytimg.com/vi/oDixCuLdl_I/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&amp;rs=AOn4CLBtmxCwiw5Kelet3xrJuV2wdnJszA"></div>
<div class="tit">
<div>得捷小百科 | 你真的了解 6a 类(CAT 6a)电缆吗? | DigiKey</div>
<div>得捷小百科 | 你真的了解 6a 類(CAT 6a)電纜吗? | DigiKey</div>
</div></a></div>
<div class="vd__item"><a class="it__wrap" href="https://www.youtube.com/watch?v=MEK9CG_KPqk" target="_blank">
<div class="vd"><img class="img-fluid" src="https://i.ytimg.com/vi/MEK9CG_KPqk/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&amp;rs=AOn4CLDtURdqbFVDOEGJ7RfNcaiNVMXVUg"></div>
<div class="tit">
<div>得捷小百科 | 连接器的引脚间距 | DigiKey</div>
<div>得捷小百科 | 連接器的引腳間距 | DigiKey</div>
</div></a></div>
<div class="vd__item"><a class="it__wrap" href="https://www.youtube.com/watch?v=0oHAZ61gH9g" target="_blank">
<div class="vd"><img class="img-fluid" src="https://i.ytimg.com/vi/0oHAZ61gH9g/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&amp;rs=AOn4CLBhfjKraFAVwk1vu4WDkdLO4r0kRA"></div>
Expand All @@ -247,12 +248,12 @@
<div class="vd__item"><a class="it__wrap" href="https://www.youtube.com/watch?v=R4kSTPfOqW4" target="_blank">
<div class="vd"><img class="img-fluid" src="https://i.ytimg.com/vi/R4kSTPfOqW4/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&amp;rs=AOn4CLCRXuuFq0apeGzUGz8r72pLKh9LMQ"></div>
<div class="tit">
<div>无刷电机(BLDC)你会转起吗？专家来教你！</div>
<div>無刷電機(BLDC)你會轉起嗎？專家來教你！</div>
</div></a></div>
<div class="vd__item"><a class="it__wrap" href="https://www.youtube.com/watch?v=UbW9yY23tYk" target="_blank">
<div class="vd"><img class="img-fluid" src="https://i.ytimg.com/vi/UbW9yY23tYk/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&amp;rs=AOn4CLCVIP1gLC_qtZsZVeGc8oIi5GCDrw"></div>
<div class="tit">
<div>【Pick你的树莓派】树莓派Pico，你不可错过的轻量级应用选择 《嘉宾讲者：孙浩钦》| Digi-Key X DFRobot</div>
<div>【Pick你的樹莓派】樹莓派Pico，你不可錯過的輕量級應用選擇 《嘉賓講者：孫浩欽》| Digi-Key X DFRobot</div>
</div></a></div>
</div>
<div class="sub_tit">
Expand Down Expand Up @@ -305,6 +306,9 @@
<div class="it__btn"><a class="primary_btn" href="https://www.digikey.tw/zh/resources/part-tracing" target="_blank">了解詳情</a></div>
</div>
</div>
<div class="case__item btn__item">
<div class="btn__wrap"><a class="other" href="https://forum.digikey.com/c/chinese/78" target="_blank"><span>更多服務</span><img src="img/icon__target.png"></a></div>
</div>
</div>
<div class="third_tit">
<div class="txt">- 纜線和連接器</div>
Expand All @@ -316,7 +320,7 @@
<div class="case_blocks case2">
<div class="case__item">
<div class="it__wrap">
<div class="it__tit">Digi-Spool 服務</div>
<div class="it__tit">Digi-Spool 客製長度服務</div>
<div class="it__sub">Digi-Spool 是熱收縮、電子線、多芯纜線的客製化長度。</div>
<div class="it__btn"><a class="primary_btn" href="https://www.digikey.tw/zh/resources/dk-services/wire-and-cable-cutting" target="_blank">了解詳情</a></div>
</div>
Expand All @@ -342,12 +346,8 @@
<div class="it__btn"><a class="primary_btn" href="https://forum.digikey.com/t/ffc/22421" target="_blank">了解詳情</a></div>
</div>
</div>
<div class="case__item">
<div class="it__wrap">
<div class="it__tit">更多服務請見</div>
<div class="it__sub"></div>
<div class="it__btn"><a class="primary_btn" href="https://www.digikey.tw/zh/resources/product-services" target="_blank">了解詳情</a></div>
</div>
<div class="case__item btn__item">
<div class="btn__wrap"><a class="other" href="https://forum.digikey.com/c/chinese/78" target="_blank"><span>更多服務</span><img src="img/icon__target.png"></a></div>
</div>
</div>
<div class="third_tit">
Expand All @@ -372,6 +372,9 @@
<div class="it__btn"><a class="primary_btn" href="https://forum.digikey.com/t/digikey/22275" target="_blank">了解詳情</a></div>
</div>
</div>
<div class="case__item btn__item">
<div class="btn__wrap"><a class="other" href="https://forum.digikey.com/c/chinese/78" target="_blank"><span>更多服務</span><img src="img/icon__target.png"></a></div>
</div>
</div>
<div class="third_tit">
<div class="txt">- 製作服務</div>
Expand Down Expand Up @@ -409,12 +412,8 @@
<div class="it__btn"><a class="primary_btn" href="https://www.digikey.tw/zh/pcb-builder/" target="_blank">了解詳情</a></div>
</div>
</div>
<div class="case__item">
<div class="it__wrap">
<div class="it__tit">更多服務請見</div>
<div class="it__sub"></div>
<div class="it__btn"><a class="primary_btn" href="https://www.digikey.tw/zh/resources/product-services" target="_blank">了解詳情</a></div>
</div>
<div class="case__item btn__item">
<div class="btn__wrap"><a class="other" href="https://forum.digikey.com/c/chinese/78" target="_blank"><span>更多服務</span><img src="img/icon__target.png"></a></div>
</div>
</div>
</div>
Expand Down Expand Up @@ -654,8 +653,9 @@
$('.manufacturer_rows').slick({
infinite: true,
slidesToShow: 8,
slidesToScroll: 8,
arrows: false
slidesToScroll: 4,
arrows: false,
dots: true
});
$('.video_rows').slick({
infinite: true,
Expand All @@ -677,7 +677,8 @@
infinite: true,
slidesToShow: 3,
slidesToScroll: 3,
arrows: false
arrows: false,
dots: true
});
$('.video_rows').slick({
infinite: true,
Expand Down
56 changes: 53 additions & 3 deletions Digikey_Microsite/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -175,6 +175,16 @@ body {
background-color: var(--red);
text-decoration: none;
}
.primary_block .primary_btn.msize {
width: 7em;
padding: 0.625rem;
font-size: 1rem;
}
.primary_block .primary_btn.lsize {
width: 8em;
padding: 0.75em 1em;
font-size: 1.25rem;
}

.multiple-slick {
position: relative;
Expand Down Expand Up @@ -273,6 +283,12 @@ body {
margin-top: 1.5rem;
margin-bottom: 4rem;
}
.manufacturer_rows .slick-dots {
bottom: -30px;
}
.manufacturer_rows .slick-dots li {
margin: 0;
}

.manu__item {
-webkit-box-flex: 0;
Expand Down Expand Up @@ -371,9 +387,6 @@ body {
}
.faq__btn .primary_btn {
margin: 0 auto;
width: 8em;
padding: 0.75em 1em;
font-size: 1.25rem;
}

.video_rows {
Expand Down Expand Up @@ -480,6 +493,9 @@ body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -0.5rem 4rem;
Expand Down Expand Up @@ -530,6 +546,40 @@ body {
.case__item .it__btn {
margin-top: 1.5rem;
}
.case__item.btn__item {
padding: calc(0.5rem + 20px);
}
.case__item.btn__item .it__wrap {
height: 100%;
}
.case__item.btn__item .it__tit,
.case__item.btn__item .primary_btn {
display: inline-block;
vertical-align: middle;
}
.case__item.btn__item .primary_btn {
width: 7em;
padding: 0.625rem;
font-size: 1rem;
}
.case__item.btn__item .btn__wrap {
margin-top: 8.025em;
}
.case__item.btn__item .other {
color: var(--red);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--red);
line-height: 1;
}
.case__item.btn__item .other img {
margin-left: 4px;
width: 0.875em;
}

.mylist_row {
padding-top: 20px;
Expand Down

0 comments on commit a87d427

Please sign in to comment.