diff --git a/Digikey_Microsite/index.html b/Digikey_Microsite/index.html index e0f2fe8..bdb4786 100644 --- a/Digikey_Microsite/index.html +++ b/Digikey_Microsite/index.html @@ -20,8 +20,9 @@ + - +
@@ -194,7 +195,7 @@
Flex Power Modules 直流對直流轉換器 DC DC Converter 設定查詢
查看更多
-
提出問題
+
提出問題
@@ -232,12 +233,12 @@
-
得捷小百科 | 你真的了解 6a 类(CAT 6a)电缆吗? | DigiKey
+
得捷小百科 | 你真的了解 6a 類(CAT 6a)電纜吗? | DigiKey
-
得捷小百科 | 连接器的引脚间距 | DigiKey
+
得捷小百科 | 連接器的引腳間距 | DigiKey
@@ -247,12 +248,12 @@
-
无刷电机(BLDC)你会转起吗？专家来教你！
+
無刷電機(BLDC)你會轉起嗎？專家來教你！
-
【Pick你的树莓派】树莓派Pico，你不可错过的轻量级应用选择 《嘉宾讲者：孙浩钦》| Digi-Key X DFRobot
+
【Pick你的樹莓派】樹莓派Pico，你不可錯過的輕量級應用選擇 《嘉賓講者：孫浩欽》| Digi-Key X DFRobot
@@ -305,6 +306,9 @@
了解詳情
+
+
更多服務
+
- 纜線和連接器
@@ -316,7 +320,7 @@
-
Digi-Spool 服務
+
Digi-Spool 客製長度服務
Digi-Spool 是熱收縮、電子線、多芯纜線的客製化長度。
了解詳情
@@ -342,12 +346,8 @@
了解詳情
-
-
-
更多服務請見
-
-
了解詳情
-
+
+
更多服務
@@ -372,6 +372,9 @@
了解詳情
+
+
更多服務
+
- 製作服務
@@ -409,12 +412,8 @@
了解詳情
-
-
-
更多服務請見
-
-
了解詳情
-
+
+
更多服務
@@ -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, @@ -677,7 +677,8 @@ infinite: true, slidesToShow: 3, slidesToScroll: 3, - arrows: false + arrows: false, + dots: true }); $('.video_rows').slick({ infinite: true, diff --git a/Digikey_Microsite/style.css b/Digikey_Microsite/style.css index 16801b8..5680b50 100644 --- a/Digikey_Microsite/style.css +++ b/Digikey_Microsite/style.css @@ -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; @@ -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; @@ -371,9 +387,6 @@ body { } .faq__btn .primary_btn { margin: 0 auto; - width: 8em; - padding: 0.75em 1em; - font-size: 1.25rem; } .video_rows { @@ -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; @@ -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;