Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.en.md

JView UI

logo

JView UI is an open source UI component library based on JQuery for the Web

The application provides some basic UI components, mainly for PCS

Interface. Most of our original components needed to write multi-line HTML

Code can achieve the effect, encapsulated in a single line or a small amount of HTML code, and provides part of the API

To implement components, and we will continue to optimize and update more UI components.

Summarize

  • Short, concise, highly recognizable component HTML tags

  • Reduce the amount of HTML code you write and avoid redundant, bulky structures

  • Ideal for small - and medium-sized web pages

  • Fine, beautiful UI

  • Detailed documentation

  • Friendly API

Install

CSS file

Add the JView CSS file as the <link> TAB to the <head> TAB and place it before all other stylesheets.

<link rel="stylesheet" href="JView.min.css"></link>

JS file

Many of the components that JView provides rely on jQuery as well as our own JavaScript plug-ins. Place the following <script> TAB on the page before placing it on the <body> TAB. In this order, jQuery is introduced first, followed by our JavaScript plug-in.

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script src="JView.min.js"></script>

Components demonstrate

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- Example alert component -->
    <j-alert message="Hello, world!"></j-alert>

    <!-- 1.Reference to the jQuery -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <!-- 2.Reference to the JView js -->
    <script src="JView.min.js"></script>
    <script>
      $(() => {
        // Example Message component
        $.Message.info("This is a Message prompt from the Message component");
        // Example Notice component
        $.Notice.info(
          "This is a notification reminder from the Notice component"
        );
      });
    </script>
  </body>
</html>

Related links

Comments ( 1 )

Sign in for post a comment

About

JView UI,是一套基于 JQuery 的开源 UI 组件库,为 Web 应用提供了一些基础的 UI 组件,主要应用于 PC 界面。另外我们还将持续优化和更新更多的 UI 组件。 spread retract
HTML/CSS
MIT
Cancel

Releases

No release

Contributors

All

Activities

load more
can not load any more