zz-shopify-components 0.32.1-beta.1 → 0.32.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zz-shopify-components",
3
- "version": "0.32.1-beta.1",
3
+ "version": "0.32.1-beta.2",
4
4
  "description": "Reusable Shopify components for theme projects",
5
5
  "keywords": [
6
6
  "shopify",
@@ -62,7 +62,6 @@
62
62
  { "value": "black", "label": "黑色" },
63
63
  ],
64
64
  "default": "white",
65
- "visible_if": "{{ section.settings.mobile_style == 'left_right' }}"
66
65
  },
67
66
  {
68
67
  "type": "image_picker",
@@ -552,14 +551,23 @@
552
551
 
553
552
  {% else %}
554
553
  #shopify-section-{{ section.id }} .zz-collapse-swiper .swiper-pagination-bullets {
554
+ display: flex;
555
+ align-items: center;
555
556
  bottom: 170px;
556
557
  left: 50%;
557
558
  transform: translateX(-50%);
558
559
  width: calc(100% - 40px);
559
560
  {% if section.settings.mobile_style == 'tab' %}
560
561
  {% comment %} tab栏展示两行文字 {% endcomment %}
561
- background: white;
562
+
562
563
  border-radius: 10px;
564
+ {% if section.settings.collapse_button_color == 'black' %}
565
+ background: white;
566
+ {% else %}
567
+ background: #282828;
568
+ {% endif %}
569
+
570
+
563
571
 
564
572
  {% else %}
565
573
  {% comment %} tab栏展示一行文字 {% endcomment %}
@@ -589,12 +597,21 @@
589
597
  {% if section.settings.mobile_style == 'tab' %}
590
598
  {% comment %} tab栏展示两行文字 {% endcomment %}
591
599
  box-sizing: border-box;
592
- line-height: normal;
593
600
  border-radius: 10px;
594
- vertical-align: top; /* 关键 */
595
- color: #00000080;
596
- height: 66px;
601
+ display: flex;
602
+ align-items: center;
603
+ justify-content: center;
604
+
605
+ height: 58px;
597
606
  padding: 16px;
607
+ {% if section.settings.collapse_button_color == 'black' %}
608
+ color: #00000080;
609
+ background: none;
610
+ {% else %}
611
+ color: #FFFFFF80;
612
+ background: none;
613
+
614
+ {% endif %}
598
615
 
599
616
  {% else %}
600
617
  {% comment %} tab栏展示一行文字 {% endcomment %}
@@ -602,13 +619,13 @@
602
619
  color: #FFFFFFB2;
603
620
  white-space: nowrap;
604
621
  height: auto;
622
+ background: none;
605
623
 
606
624
  {% endif %}
607
625
 
608
626
  margin: 0;
609
627
  width: fit-content;
610
628
  font-size: 14px;
611
- background: none;
612
629
  border-top: 0;
613
630
  opacity: 1;
614
631
 
@@ -619,8 +636,15 @@
619
636
  #shopify-section-{{ section.id }} .zz-collapse-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
620
637
  {% if section.settings.mobile_style == 'tab' %}
621
638
  {% comment %} tab栏展示两行文字 {% endcomment %}
622
- background:#000000;
623
- color: #ffffff;
639
+
640
+
641
+ {% if section.settings.collapse_button_color == 'black' %}
642
+ background:#000000;
643
+ color: #ffffff;
644
+ {% else %}
645
+ background: #0000004D;
646
+ color: #ffffff;
647
+ {% endif %}
624
648
 
625
649
  {% else %}
626
650
  {% comment %} tab栏展示一行文字 {% endcomment %}