亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 Twig 將信息寫在一行中

使用 Twig 將信息寫在一行中

縹緲止盈 2024-01-03 16:25:58
簡而言之,我需要將這些信息內嵌在我的網站中:就像這樣:系列:Open Sans — 變體:常規斜體大小:15 像素 — 行距:25 像素 — 段落:15 像素顏色:灰色_3這是我的代碼:{% include "../component/1-atom/Typographies/sg-typo-hierarchisation.twig" with {                typo_hierarchisation: [                    {                        title: "Famille",                        value: "Fira Sans",                        class_regular: "fw-regular-i",                        class_bold: "fw-bold-i",                    },                    {                        title: "Variante",                        value: "ExtraBold",                        class_regular: "fw-regular-i",                        class_bold: "fw-bold-i",                    },                    {                        title: "Taille",                        value: "50px",                        class_regular: "fw-regular-i",                        class_bold: "fw-bold-i",                    },                    {                        title: "Interlignage",                        value: "50px",                        class_regular: "fw-regular-i",                        class_bold: "fw-bold-i",                    },                    {                        title: "Paragraphe",                        value: "25px",                        class_regular: "fw-regular-i",                        class_bold: "fw-bold-i",                    },                    {                        title: "Couleur",                        value: "couleur de l’univers",                        value_2: "primary_ {{ univers }}",                        class_regular: "fw-regular-i",                        class_bold: "fw-bold-i",                    }                ]            }%}
查看完整描述

1 回答

?
哈士奇WWW

TA貢獻1799條經驗 獲得超6個贊

您必須重新格式化您想要“分組”屬性的數據。此時你正在經過一個大陣,這是不可能分組的。


{% set typo_hierarchisation = [

    [

        { 'title' : 'Famille', value: 'Fira Sans' },

        { 'title' : 'Variante', value : 'ExtraBold' },

    ],[

        { 'title': 'Taille', value: '50px' },

        { 'title': 'Interlignage', value : '50px' },

        { 'title': 'Paragraphe', value: '25px' },

    ],

] %}



<ul>

{% for group in typo_hierarchisation %}

    <li>

        {% for item in group %}

        <div>

            <span>{{ item.title }}</span>

            <span>{{ item.value }}</span>

        </div>

        {% endfor %}

    </li>

{% endfor %}

</ul>

演示


注意:我使用了 adiv對屬性進行“分組”,請記住,默認情況下這是一個塊元素,因此您應該添加一些額外的 CSS 將它們放在一起


查看完整回答
反對 回復 2024-01-03
  • 1 回答
  • 0 關注
  • 141 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號