Lauiuiフレームワークの使い方

angryTom
リリース: 2019-08-01 13:15:47
オリジナル
7551 人が閲覧しました

Lauiuiフレームワークの使い方

layui (同音異義語: UI 風の) は、ネイティブ HTML/ の記述および構成形式に従って、独自のモジュール仕様を使用して記述されたフロントエンド UI フレームワークです。 CSS/JS は敷居が非常に低く、そのまま使用できます。でもそれを使いたいならその人のルールに従わなければいけないし、結局その人は手が短いしトリックもできるし、それもルールの範囲内です。

layui についてさらに詳しく知りたい場合は、次をクリックしてください: layui チュートリアル

添付されているのは、layui 公式です。 website : https://www.layui.com/

Lauiuiフレームワークの使い方

ダウンロード後、解凍してlayuiフォルダを取り出します。エディタを開いてドロップインします。

Lauiuiフレームワークの使い方

次に、css ファイルと js ファイルを html に導入し始めます。ここで必要なのは、2 つのlayui コア ファイルlayui.css とlayui.js です。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link rel="stylesheet" href="layui/css/layui.css">

    <script src="layui/layui.js"></script>

</head>

<body>

//模块和回调函数

<script>

//一般直接写在一个js文件中

layui.use([&#39;layer&#39;, &#39;form&#39;], function(){

  var layer = layui.layer

  ,form = layui.form;

  layer.msg(&#39;Hello World&#39;);

});

</script>

</body>

</html>

ログイン後にコピー

この時点で、使用する必要があるモジュールとコールバック関数を宣言する必要もあります。もちろん、公式ドキュメントを参照して、必要な効果を選択するだけです。 !

例:

Lauiuiフレームワークの使い方

次は例で終わります

Lauiuiフレームワークの使い方

公式ドキュメント ナビゲーションで例を示しました。 ## これ以上はありません、これだけで効果が得られます...

Lauiuiフレームワークの使い方

以上がLauiuiフレームワークの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート