• <sup id="ns121"><small id="ns121"></small></sup><small id="ns121"></small>

    <output id="ns121"><track id="ns121"></track></output>
      <ins id="ns121"></ins>
      1. <tr id="ns121"></tr>
      2. Element React 中文文檔


        閱讀(60.6k) 收藏 (2)

        手冊簡介

        基于 React 的組件庫 Element

        手冊說明

        Element,一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的組件庫,提供了配套設計資源,幫助你的網站快速成型。由餓了么公司前端團隊開源。

        特性:

        一致性 Consistency

        • 與現實生活一致:與現實生活的流程、邏輯保持一致,遵循用戶習慣的語言和概念;

        • 在界面中一致:所有的元素和結構需保持一致,比如:設計樣式、圖標和文本、元素的位置等。

        反饋 Feedback

        • 控制反饋:通過界面樣式和交互動效讓用戶可以清晰的感知自己的操作;

        • 頁面反饋:操作后,通過頁面元素的變化清晰地展現當前狀態。

        效率 Efficiency

        • 簡化流程:設計簡潔直觀的操作流程;

        • 清晰明確:語言表達清晰且表意明確,讓用戶快速理解進而作出決策;

        • 幫助用戶識別:界面簡單直白,讓用戶快速識別而非回憶,減少用戶記憶負擔。

        可控 Controllability

        • 用戶決策:根據場景可給予用戶操作建議或安全提示,但不能代替用戶進行決策;

        • 結果可控:用戶可以自由的進行操作,包括撤銷、回退和終止當前操作等。

        運行效果:

        用法:

        npm install element-ui@next

        示例代碼:

        import Vue from 'vue'
        import Element from 'element-ui'
        import 'element-ui/lib/theme-default/index.css';
        Vue.use(Element)
        // or
        import Select from 'element-ui/lib/select';
        import Select from 'element-ui/lib/theme-default/select.css';
        import Button from 'element-ui/lib/button';
        import Button from 'element-ui/lib/theme-default/button.css';
        Vue.component(Select.name, ElSelect)
        Vue.component(Button.name, ElButton)


        在線筆記
        App下載
        App下載

        掃描二維碼

        下載編程獅App

        公眾號
        微信公眾號

        編程獅公眾號

        中文字幕人成乱码熟女|强行入侵女人a片|亚洲日本成本人观看|天天操天天操
      3. <sup id="ns121"><small id="ns121"></small></sup><small id="ns121"></small>

        <output id="ns121"><track id="ns121"></track></output>
          <ins id="ns121"></ins>
          1. <tr id="ns121"></tr>