layUIの概要は使いやすく
、
cssが導入されています
ページ要素の仕様と説明
css命名規則
クラス命名プレフィックス:layui、コネクタ:-など:class = "layui-from"
命名形式は、一般に2つのタイプに分けられます
。1つ:layui-モジュール名-遷移またはタイプ、
2つ: layUI-遷移またはタイプ。一部のクラスはモジュールに固有ではないため、通常は次の
ようなパブリッククラスです。1(ボタンの元のスタイルを定義):class = "layui-btn layui-btn-primary"
2(インラインブロック要素を定義):クラス=“ layui-inline”
html仕様:共通の共通属性
さまざまなタスクをトリガーする必要があるため、カスタム属性
フォームが必要です。
実装方法
。コンテナにclass =“ layui-from”を設定して、フォーム要素のブロック
依存モジュールを識別します。関連する動的操作を使用してフォームの
html
属性のレンダリングを更新する方法form.render(type、filter);メソッド1、type:はフォームフォームのタイプタイプです。実行する必要のある双方向のバインディングメカニズムはありません。.render()//すべてのform.render( "Select")を更新//選択ボックスのレンダリング2を更新します。filterは、class = "layui-form"が配置されている要素のlay-filter = ""の値です。 、これは、送信フォーム送信イベントを監視するIDと同等です
フォームの検証
では、lay-venify = ""属性値をテーブルに追加するだけで済みます
ボタン
ナビゲーション
サイドナビゲーション
ブレッドクラム
テーブル
プログレスバーの
背景スタイル
最初のステップは、bobyに
ナビゲーションとサイドナビゲーションの記述を開始することです。
ナビゲーションタブの側面を取得する方法は最初のステップに
影響
します。ナビゲーションイベントを監視する必要があるため、側面ナビゲーションの一意のIDとしてlay-filterを結合する必要があります。
ulにはliのリスト1が含まれているため、ulを追加する必要があります。。。。二。。
ps(javascriptを追加:;最初にジャンプしないようにする)
ステップ2
必要なモジュールをインポートします
操作のテキスト情報を取得する
ということは、操作したいテキスト情報を取得してパラメータを追加することを意味します。そうしないと、出力されません。
3番目のステップは、データを追加
し、その後にジャンプしてlayidするhtmlを追加することです。4
番目のステップは、
取得した値を決定することです。
evalを使用して必要な文字列を計算し、
Webページの
長さとlayidを取得してすべてのタブを取得することを忘れないでください。IDを取得する必要があるため、layidをスプライスする必要があります。
競合を避けるために、上記を11
に設定し、長さが0以下かどうかを判断して、現在のタブがないことを意味します。クリックしたリストを追加します