Skip to content

v0.6.1
Compare
Choose a tag to compare
@pardnchiu pardnchiu released this 03 Dec 16:44
0.6.1
125f19d

重大變更

  • 專案名稱更改：專案名稱精簡為 QuickUI，更加簡潔易記。

修正

  • 修正了 :if 在沒有 :else 且值未匹配時的行為，現在會正常移除對應元素。

新增

  • :lazyload
    預設的效果改為新增的為漸層背景動畫，可透過 :effect=circle 切換為讀取圓圈動畫。
  • 新增 i18n 多語言支持：
    支持通過對象格式直接設置多語言內容，或動態加載語言檔案，並支援動態切換語言。 
    <body id="app">
    <h1>{{ i18n.greeting }}, {{ i18n.username }}: {{ username }}</h1>
    <button @click="change" data-lang="zh">切換至中文</button>
    <button @click="change" data-lang="zn">Switch to English</button>
</body>
<script>
const app = new QUI({
    id: "app",
    data: {
        username: "Pardn"
    },
    i18n: {
        zh: {
            greeting: "你好",
            username: "用戶名"
        },
        en: 
        {
            greeting: "Hello",
            username: "Username"
        }
    },
    i18nLang: "zh | en", // 選擇語言
    event: {
        change: e => {
            const _this = e.target;
            const lang = _this.dataset.lang;
            app.lang(lang);
        },
    }
});
</script>

調整

  • 事件綁定簡化：
    :for 中的 :@click 現可簡化為 @click，進一步提升代碼清晰度與可讀性。

即將移除的功能

Assets 2
Loading