mobiscroll-demos-jquery/index.html at main · acidb/mobiscroll-demos-jquery · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mobiscroll jQuery Demos</title>
  </head>
  <body>
    <div class="app-header mbsc-font">
      <div class="app-back" id="app-back">
        <a class="app-link" href="/">
          <span class="mbsc-icon mbsc-font-icon mbsc-icon-ion-ios7-arrow-back"></span>
        </a>
      </div>
      <div class="app-title">
        <h1 id="app-title">Mobiscroll jQuery Demos</h1>
      </div>
    </div>
    <div id="app-wrapper" mbsc-page>
      <div class="app-page" id="app"></div>
    </div>
    <div class="app-footer mbsc-font mbsc-flex mbsc-justify-content-between mbsc-align-items-center">
      <div class="app-footer-controls mbsc-flex mbsc-align-items-center">
        <label>
          Theme
          <input
            mbsc-input
            id="mobiscroll-theme"
            data-dropdown="true"
            data-theme="ios"
            data-input-style="box"
            data-label-style="stacked"
            class="app-footer-select app-footer-theme-select"
          />
        </label>
        <label>
          Theme variant
          <input
            mbsc-input
            id="mobiscroll-theme-variant"
            data-dropdown="true"
            data-theme="ios"
            data-input-style="box"
            data-label-style="stacked"
            class="app-footer-select app-footer-theme-variant-select"
          />
        </label>
        <label>
          Locale
          <input
            mbsc-input
            id="mobiscroll-locale"
            data-dropdown="true"
            data-theme="ios"
            data-input-style="box"
            data-label-style="stacked"
            class="app-footer-select app-footer-locale-select"
          />
        </label>
      </div>
      <div class="app-path" id="app-path"></div>
    </div>

    <script type="module" src="/main.js"></script>
  </body>
</html>