npm - @ecolovo/uniapp-components - Versions diffs - 1.0.0 - Mend

@ecolovo/uniapp-components 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (97) hide show

package/components/aspect/aspect.vue +43 -0
package/components/badge/badge.vue +88 -0
package/components/button/button.vue +409 -0
package/components/checkbox/checkbox.vue +183 -0
package/components/checkbox-group/checkbox-group.vue +101 -0
package/components/checkbox-group2/checkbox-group2.vue +138 -0
package/components/checkbox-group2/checkbox.vue +103 -0
package/components/data-list/data-list.vue +130 -0
package/components/date-picker/date-picker-view.vue +181 -0
package/components/date-picker/date-picker.vue +237 -0
package/components/datetime-picker/datetime-picker-view.vue +209 -0
package/components/datetime-picker/datetime-picker.vue +235 -0
package/components/dialog/dialog-content.vue +162 -0
package/components/dialog/dialog.vue +166 -0
package/components/dropdown/dropdown.vue +145 -0
package/components/empty/empty.vue +102 -0
package/components/flex/flex.vue +76 -0
package/components/form/form.vue +43 -0
package/components/form/mixin.js +13 -0
package/components/form-item/form-item.vue +141 -0
package/components/icon/icon.vue +114 -0
package/components/image/image.vue +61 -0
package/components/input/input.vue +154 -0
package/components/input/password-input.vue +95 -0
package/components/list-page/list-page.js +10 -0
package/components/list-page/list-page.vue +150 -0
package/components/load-more/load-more.vue +97 -0
package/components/loading/animations/loading-animation1.vue +92 -0
package/components/loading/animations/loading-animation2.vue +28 -0
package/components/loading/animations/loading-animation3.vue +81 -0
package/components/loading/animations/loading-animation4.vue +74 -0
package/components/loading/loading.vue +91 -0
package/components/message-box/message-box.vue +60 -0
package/components/number-dialog/number-dialog.vue +360 -0
package/components/number-input/number-input.vue +352 -0
package/components/numpad/numpad.vue +224 -0
package/components/page/page-body.vue +227 -0
package/components/page/page-footer.vue +75 -0
package/components/page/page-header.vue +222 -0
package/components/page/page.vue +128 -0
package/components/picker/picker-popup.vue +295 -0
package/components/picker/picker.vue +151 -0
package/components/popover/popover-content.vue +255 -0
package/components/popover/popover-mask.vue +113 -0
package/components/popover/popover.vue +84 -0
package/components/popup/popup-content.vue +162 -0
package/components/popup/popup.vue +168 -0
package/components/price/price.vue +104 -0
package/components/search/search.vue +220 -0
package/components/searching/searching.vue +86 -0
package/components/selector/selector.vue +86 -0
package/components/switch/switch.vue +180 -0
package/components/tab/tab.vue +235 -0
package/components/table/table.vue +112 -0
package/components/textarea/textarea.vue +192 -0
package/components/time-picker/time-picker-view.vue +127 -0
package/components/time-picker/time-picker.vue +140 -0
package/components/uploader/download.js +81 -0
package/components/uploader/file-uploader.vue +52 -0
package/components/uploader/files.js +225 -0
package/components/uploader/media-uploader.vue +133 -0
package/components/uploader/mixin.js +106 -0
package/components/uploader/uni.js +38 -0
package/components/uploader/upload-button.vue +29 -0
package/components/uploader/uploader copy.vue +547 -0
package/components/uploader/uploader.vue +117 -0
package/configs/index.js +41 -0
package/easyCom.js +25 -0
package/init.js +17 -0
package/mixins/componentName.js +32 -0
package/mixins/listPage.js +1 -0
package/mixins/windowInfo.js +1 -0
package/package.json +12 -0
package/resources/iconfont/uniapp_ui_icon/demo.css +539 -0
package/resources/iconfont/uniapp_ui_icon/demo_index.html +555 -0
package/resources/iconfont/uniapp_ui_icon/iconfont.css +78 -0
package/resources/iconfont/uniapp_ui_icon/iconfont.js +1 -0
package/resources/iconfont/uniapp_ui_icon/iconfont.json +121 -0
package/resources/iconfont/uniapp_ui_icon/iconfont.woff2 +0 -0
package/resources/image/empty.svg +13 -0
package/styles/global.scss +24 -0
package/styles/index.scss +2 -0
package/styles/utils/css-var.scss +87 -0
package/styles/utils/ellipsis.scss +26 -0
package/styles/utils/global-var.scss +11 -0
package/styles/utils/index.scss +5 -0
package/styles/utils/selector.scss +5 -0
package/styles/utils/z-index.scss +10 -0
package/styles/var/component.scss +242 -0
package/styles/var/index.scss +2 -0
package/styles/var/theme.scss +40 -0
package/utils/date.js +151 -0
package/utils/floor.js +20 -0
package/utils/freezeDeep.js +19 -0
package/utils/price.js +32 -0
package/utils/round.js +22 -0
package/utils/windowInfo.js +77 -0

package/resources/iconfont/uniapp_ui_icon/demo_index.html ADDED Viewed

@@ -0,0 +1,555 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>iconfont Demo</title>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
+    </a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=5081622" target="_blank" class="nav-more">查看项目</a>
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe69b;</span>
+                <div class="name">勾选</div>
+                <div class="code-name">&amp;#xe69b;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe630;</span>
+                <div class="name">编辑</div>
+                <div class="code-name">&amp;#xe630;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe6e1;</span>
+                <div class="name">加</div>
+                <div class="code-name">&amp;#xe6e1;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe6e4;</span>
+                <div class="name">减</div>
+                <div class="code-name">&amp;#xe6e4;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe70e;</span>
+                <div class="name">选择器-箭头</div>
+                <div class="code-name">&amp;#xe70e;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe60e;</span>
+                <div class="name">密码-明文</div>
+                <div class="code-name">&amp;#xe60e;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe60f;</span>
+                <div class="name">密码-密文</div>
+                <div class="code-name">&amp;#xe60f;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe62c;</span>
+                <div class="name">关闭</div>
+                <div class="code-name">&amp;#xe62c;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe70c;</span>
+                <div class="name">关闭</div>
+                <div class="code-name">&amp;#xe70c;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe6bb;</span>
+                <div class="name">导航-首页</div>
+                <div class="code-name">&amp;#xe6bb;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe70d;</span>
+                <div class="name">导航-回退</div>
+                <div class="code-name">&amp;#xe70d;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe629;</span>
+                <div class="name">多选-勾选</div>
+                <div class="code-name">&amp;#xe629;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe62a;</span>
+                <div class="name">多选-未勾选</div>
+                <div class="code-name">&amp;#xe62a;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe628;</span>
+                <div class="name">单选-勾选</div>
+                <div class="code-name">&amp;#xe628;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe62e;</span>
+                <div class="name">单选-未勾选</div>
+                <div class="code-name">&amp;#xe62e;</div>
+              </li>
+            <li class="dib">
+              <span class="icon uniapp_ui_icon">&#xe627;</span>
+                <div class="name">加载动画-spinner</div>
+                <div class="code-name">&amp;#xe627;</div>
+              </li>
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'uniapp_ui_icon';
+  src:
+       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.uniapp_ui_icon {
+  font-family: "uniapp_ui_icon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="uniapp_ui_icon"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"uniapp_ui_icon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__checked"></span>
+            <div class="name">
+              勾选
+            </div>
+            <div class="code-name">.ui_icon__checked
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__textarea-edit"></span>
+            <div class="name">
+              编辑
+            </div>
+            <div class="code-name">.ui_icon__textarea-edit
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__step-plus"></span>
+            <div class="name">
+              加
+            </div>
+            <div class="code-name">.ui_icon__step-plus
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__step-minus"></span>
+            <div class="name">
+              减
+            </div>
+            <div class="code-name">.ui_icon__step-minus
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__picker-arrow"></span>
+            <div class="name">
+              选择器-箭头
+            </div>
+            <div class="code-name">.ui_icon__picker-arrow
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__password-show"></span>
+            <div class="name">
+              密码-明文
+            </div>
+            <div class="code-name">.ui_icon__password-show
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__password-hide"></span>
+            <div class="name">
+              密码-密文
+            </div>
+            <div class="code-name">.ui_icon__password-hide
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__close"></span>
+            <div class="name">
+              关闭
+            </div>
+            <div class="code-name">.ui_icon__close
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__close-filled"></span>
+            <div class="name">
+              关闭
+            </div>
+            <div class="code-name">.ui_icon__close-filled
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__nav-home"></span>
+            <div class="name">
+              导航-首页
+            </div>
+            <div class="code-name">.ui_icon__nav-home
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__nav-back"></span>
+            <div class="name">
+              导航-回退
+            </div>
+            <div class="code-name">.ui_icon__nav-back
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__checkbox-checked"></span>
+            <div class="name">
+              多选-勾选
+            </div>
+            <div class="code-name">.ui_icon__checkbox-checked
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__checkbox-unchecked"></span>
+            <div class="name">
+              多选-未勾选
+            </div>
+            <div class="code-name">.ui_icon__checkbox-unchecked
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__radio-checked"></span>
+            <div class="name">
+              单选-勾选
+            </div>
+            <div class="code-name">.ui_icon__radio-checked
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__radio-unchecked"></span>
+            <div class="name">
+              单选-未勾选
+            </div>
+            <div class="code-name">.ui_icon__radio-unchecked
+            </div>
+          </li>
+          <li class="dib">
+            <span class="icon uniapp_ui_icon ui_icon__loading-dot-spinner"></span>
+            <div class="name">
+              加载动画-spinner
+            </div>
+            <div class="code-name">.ui_icon__loading-dot-spinner
+            </div>
+          </li>
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="uniapp_ui_icon ui_icon__xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            uniapp_ui_icon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__checked"></use>
+                </svg>
+                <div class="name">勾选</div>
+                <div class="code-name">#ui_icon__checked</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__textarea-edit"></use>
+                </svg>
+                <div class="name">编辑</div>
+                <div class="code-name">#ui_icon__textarea-edit</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__step-plus"></use>
+                </svg>
+                <div class="name">加</div>
+                <div class="code-name">#ui_icon__step-plus</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__step-minus"></use>
+                </svg>
+                <div class="name">减</div>
+                <div class="code-name">#ui_icon__step-minus</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__picker-arrow"></use>
+                </svg>
+                <div class="name">选择器-箭头</div>
+                <div class="code-name">#ui_icon__picker-arrow</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__password-show"></use>
+                </svg>
+                <div class="name">密码-明文</div>
+                <div class="code-name">#ui_icon__password-show</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__password-hide"></use>
+                </svg>
+                <div class="name">密码-密文</div>
+                <div class="code-name">#ui_icon__password-hide</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__close"></use>
+                </svg>
+                <div class="name">关闭</div>
+                <div class="code-name">#ui_icon__close</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__close-filled"></use>
+                </svg>
+                <div class="name">关闭</div>
+                <div class="code-name">#ui_icon__close-filled</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__nav-home"></use>
+                </svg>
+                <div class="name">导航-首页</div>
+                <div class="code-name">#ui_icon__nav-home</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__nav-back"></use>
+                </svg>
+                <div class="name">导航-回退</div>
+                <div class="code-name">#ui_icon__nav-back</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__checkbox-checked"></use>
+                </svg>
+                <div class="name">多选-勾选</div>
+                <div class="code-name">#ui_icon__checkbox-checked</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__checkbox-unchecked"></use>
+                </svg>
+                <div class="name">多选-未勾选</div>
+                <div class="code-name">#ui_icon__checkbox-unchecked</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__radio-checked"></use>
+                </svg>
+                <div class="name">单选-勾选</div>
+                <div class="code-name">#ui_icon__radio-checked</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__radio-unchecked"></use>
+                </svg>
+                <div class="name">单选-未勾选</div>
+                <div class="code-name">#ui_icon__radio-unchecked</div>
+            </li>
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ui_icon__loading-dot-spinner"></use>
+                </svg>
+                <div class="name">加载动画-spinner</div>
+                <div class="code-name">#ui_icon__loading-dot-spinner</div>
+            </li>
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

package/resources/iconfont/uniapp_ui_icon/iconfont.css ADDED Viewed

@@ -0,0 +1,78 @@
+@font-face {
+  font-family: "uniapp_ui_icon"; /* Project id 5081622 */
+  src:
+       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
+}
+.uniapp_ui_icon {
+  font-family: "uniapp_ui_icon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.ui_icon__checked:before {
+  content: "\e69b";
+}
+.ui_icon__textarea-edit:before {
+  content: "\e630";
+}
+.ui_icon__step-plus:before {
+  content: "\e6e1";
+}
+.ui_icon__step-minus:before {
+  content: "\e6e4";
+}
+.ui_icon__picker-arrow:before {
+  content: "\e70e";
+}
+.ui_icon__password-show:before {
+  content: "\e60e";
+}
+.ui_icon__password-hide:before {
+  content: "\e60f";
+}
+.ui_icon__close:before {
+  content: "\e62c";
+}
+.ui_icon__close-filled:before {
+  content: "\e70c";
+}
+.ui_icon__nav-home:before {
+  content: "\e6bb";
+}
+.ui_icon__nav-back:before {
+  content: "\e70d";
+}
+.ui_icon__checkbox-checked:before {
+  content: "\e629";
+}
+.ui_icon__checkbox-unchecked:before {
+  content: "\e62a";
+}
+.ui_icon__radio-checked:before {
+  content: "\e628";
+}
+.ui_icon__radio-unchecked:before {
+  content: "\e62e";
+}
+.ui_icon__loading-dot-spinner:before {
+  content: "\e627";
+}

package/resources/iconfont/uniapp_ui_icon/iconfont.js ADDED Viewed

@@ -0,0 +1 @@

+ window._iconfont_svg_string_5081622='<svg><symbol id="ui_icon__checked" viewBox="0 0 1024 1024"><path d="M875.40622233 193.934222a56.888889 56.888889 0 0 1 86.812444 73.159111l-4.551111 5.461334-533.333333 557.511111a56.888889 56.888889 0 0 1-75.889778 5.688889l-5.461333-4.778667L76.34488933 564.337778a56.888889 56.888889 0 0 1 75.093333-85.162667l5.404444 4.721778 225.450667 225.450667 493.112889-515.413334z" ></path></symbol><symbol id="ui_icon__textarea-edit" viewBox="0 0 1024 1024"><path d="M870.058667 876.8512a34.133333 34.133333 0 0 1 3.9936 68.027733l-3.9936 0.238934H220.945067a34.133333 34.133333 0 0 1-3.9936-68.061867l3.9936-0.2048H870.058667z m-278.391467-754.688a102.4 102.4 0 0 1 144.622933-7.5776l101.444267 91.3408a102.4 102.4 0 0 1 7.5776 144.622933l-392.874667 436.360534a102.4 102.4 0 0 1-75.776 33.8944l-132.471466 0.443733a68.266667 68.266667 0 0 1-68.437334-65.536l-4.881066-122.743467a102.4 102.4 0 0 1 26.2144-72.6016z m98.9184 43.144533a34.133333 34.133333 0 0 0-48.196267 2.525867L247.808 606.037333a34.133333 34.133333 0 0 0-8.738133 24.234667l4.881066 122.709333 132.471467-0.443733a34.133333 34.133333 0 0 0 25.258667-11.264L794.589867 304.8448a34.133333 34.133333 0 0 0-2.525867-48.2304z m171.690667 495.274667a34.133333 34.133333 0 0 1 3.9936 67.9936l-3.9936 0.238933h-204.8a34.133333 34.133333 0 0 1-3.9936-68.027733l3.9936-0.238933h204.8z" ></path></symbol><symbol id="ui_icon__step-plus" viewBox="0 0 1024 1024"><path d="M566.61333333 79.6444448a54.61333333 54.61333333 0 0 0-109.22666666 0v377.74222187H79.6444448a54.61333333 54.61333333 0 0 0 0 109.22666666h377.74222187v377.74222187a54.61333333 54.61333333 0 0 0 109.22666666 0v-377.74222187h377.74222187a54.61333333 54.61333333 0 0 0 0-109.22666666h-377.74222187V79.6444448z" ></path></symbol><symbol id="ui_icon__step-minus" viewBox="0 0 1024 1024"><path d="M25.03111147 512a54.61333333 54.61333333 0 0 1 54.61333333-54.61333333h864.7111104a54.61333333 54.61333333 0 0 1 0 109.22666666h-864.7111104A54.61333333 54.61333333 0 0 1 25.03111147 512z" ></path></symbol><symbol id="ui_icon__picker-arrow" viewBox="0 0 1024 1024"><path d="M304.46933333 969.84177813a68.26666667 68.26666667 0 0 1 0-96.48355626L665.82755521 512l-361.35822188-361.35822187a68.26666667 68.26666667 0 1 1 96.4835552-96.48355626l409.6 409.6a68.26666667 68.26666667 0 0 1 0 96.48355626l-409.6 409.6a68.26666667 68.26666667 0 0 1-96.4835552 0z" ></path></symbol><symbol id="ui_icon__password-show" viewBox="0 0 1024 1024"><path d="M512 923.136c-372.352 0-512-418.901-512-418.901S139.648 85.333 512 85.333s512 418.902 512 418.902S884.352 923.22 512 923.136z m0-85.333c296.533 0.042 407.723-333.568 407.723-333.568S808.49 170.667 512 170.667c-296.533 0-407.723 333.568-407.723 333.568S215.51 837.803 512 837.803z m75.392-570.539a128 128 0 1 0 169.344 169.387 256 256 0 1 1-169.344-169.344z" ></path></symbol><symbol id="ui_icon__password-hide" viewBox="0 0 1024 1024"><path d="M469.333 681.387c-36.053-2.432-71.253-8.534-104.96-17.92L294.571 813.14a42.368 42.368 0 0 1-56.534 20.267 42.667 42.667 0 0 1-20.821-56.32l66.987-143.659a451.712 451.712 0 0 1-148.907-112.682 388.693 388.693 0 0 1-70.57-119.339 42.667 42.667 0 1 1 80.127-29.355 303.445 303.445 0 0 0 55.211 93.099c70.57 82.261 182.955 132.181 305.664 132.181 122.752 0 235.136-49.962 305.707-132.181a303.445 303.445 0 0 0 55.21-93.099 42.667 42.667 0 0 1 80.128 29.355 388.693 388.693 0 0 1-70.57 119.339 423.68 423.68 0 0 1-18.774 20.48l104.363 104.362a42.667 42.667 0 0 1-0.299 60.032 42.368 42.368 0 0 1-60.032 0.299L791.808 596.267c-20.48 14.08-42.24 26.581-65.024 37.418l66.901 143.36a42.667 42.667 0 0 1-20.821 56.363 42.368 42.368 0 0 1-56.533-20.267l-69.718-149.546a520.533 520.533 0 0 1-91.946 16.81v130.646A42.667 42.667 0 0 1 512 853.333c-23.723 0-42.667-18.944-42.667-42.24V681.387z" ></path><path d="M176.128 524.373a42.368 42.368 0 0 1 60.032 0.256 42.667 42.667 0 0 1 0.299 60.075L115.243 705.92a42.368 42.368 0 0 1-60.075-0.299 42.667 42.667 0 0 1-0.299-60.032l121.259-121.258z" ></path></symbol><symbol id="ui_icon__close" viewBox="0 0 1024 1024"><path d="M904.59704853 119.40295147a54.61333333 54.61333333 0 0 1 3.56807147 73.32750186l-3.56807147 3.89575147L589.22325333 512l315.3737952 315.3737952a54.61333333 54.61333333 0 0 1-73.32750186 80.7913248l-3.89575147-3.56807147L512 589.22325333l-315.3737952 315.3737952a54.61333333 54.61333333 0 0 1-80.7913248-73.32750186l3.56807147-3.89575147L434.77674667 512 119.40295147 196.6262048A54.61333333 54.61333333 0 0 1 192.6940448 115.83488l3.8957504 3.56807147L512 434.77674667l315.3737952-315.3737952a54.61333333 54.61333333 0 0 1 77.22325333 0z" ></path></symbol><symbol id="ui_icon__close-filled" viewBox="0 0 1024 1024"><path d="M512 26.54814777c268.11505778 0 485.45185223 217.33679445 485.45185223 485.45185223s-217.33679445 485.45185223-485.45185223 485.45185223S26.54814777 780.11505778 26.54814777 512 243.88494222 26.54814777 512 26.54814777zM278.59475001 278.59475001a38.83614777 38.83614777 0 0 0 0 54.90460444L457.09539555 512l-178.50064554 178.50064555a38.83614777 38.83614777 0 0 0 54.90460444 54.90460444L512 566.90460445l178.50064555 178.50064554a38.83614777 38.83614777 0 0 0 54.90460444-54.90460444L566.90460445 512l178.50064554-178.50064555a38.83614777 38.83614777 0 1 0-54.90460444-54.90460444L512 457.09539555 333.49935445 278.59475001a38.83614777 38.83614777 0 0 0-54.90460444 0z" ></path></symbol><symbol id="ui_icon__nav-home" viewBox="0 0 1024 1024"><path d="M976.21333333 416.42666667L576.85333333 88.74666667c-34.13333333-27.30666667-92.16-27.30666667-126.29333333 0L47.78666667 419.84c-13.65333333 6.82666667-17.06666667 23.89333333-10.24 37.54666667 3.41333333 13.65333333 17.06666667 20.48 30.72 20.48h34.13333333v389.12C102.4 918.18666667 139.94666667 955.73333333 191.14666667 955.73333333H409.6c20.48 0 34.13333333-13.65333333 34.13333333-34.13333333v-157.01333333c0-23.89333333 37.54666667-47.78666667 68.26666667-47.78666667 30.72 0 71.68 23.89333333 71.68 47.78666667V921.6c0 20.48 13.65333333 34.13333333 34.13333333 34.13333333h221.86666667c51.2 0 85.33333333-34.13333333 85.33333333-88.74666666V477.86666667h34.13333334c13.65333333 0 27.30666667-10.24 30.72-23.89333334 3.41333333-13.65333333 0-27.30666667-13.65333334-37.54666666z" fill="#666666" ></path></symbol><symbol id="ui_icon__nav-back" viewBox="0 0 1024 1024"><path d="M719.53066667 54.15822187a68.26666667 68.26666667 0 0 1 0 96.48355626L358.17244479 512l361.35822188 361.35822187a68.26666667 68.26666667 0 1 1-96.4835552 96.48355626l-409.6-409.6a68.26666667 68.26666667 0 0 1 0-96.48355626l409.6-409.6a68.26666667 68.26666667 0 0 1 96.4835552 0z" ></path></symbol><symbol id="ui_icon__checkbox-checked" viewBox="0 0 1024 1024"><path d="M112 32c-43.47 0-80 36.53-80 80v800c0 43.47 36.53 80 80 80h800c43.47 0 80-36.53 80-80V112c0-43.47-36.53-80-80-80H112z m710.165 348.262l-372.314 372.29c-9.384 9.384-21.676 14.075-33.969 14.075-12.292 0-24.585-4.691-33.969-14.075l-192.15-192.127c-18.767-18.744-18.767-49.17 0-67.936 18.767-18.767 49.17-18.767 67.937 0l158.182 158.159 338.346-338.323c18.767-18.767 49.17-18.767 67.936 0 18.768 18.767 18.768 49.17 0.001 67.937z" ></path></symbol><symbol id="ui_icon__checkbox-unchecked" viewBox="0 0 1024 1024"><path d="M32 112c0-43.47 36.53-80 80-80h800c43.47 0 80 36.53 80 80v800c0 43.47-36.53 80-80 80H112c-43.47 0-80-36.53-80-80V112z m130 0c-27.169 0-50 22.831-50 50v700c0 27.169 22.831 50 50 50h700c27.169 0 50-22.831 50-50V162c0-27.169-22.831-50-50-50H162z" ></path></symbol><symbol id="ui_icon__radio-checked" viewBox="0 0 1024 1024"><path d="M512 30.564c-265.338 0-480.436 215.1-480.436 480.436 0 265.338 215.098 480.436 480.436 480.436 265.336 0 480.436-215.098 480.436-480.436 0-265.336-215.1-480.436-480.436-480.436z m310.165 349.262l-372.314 372.29c-9.384 9.384-21.676 14.075-33.969 14.075-12.292 0-24.585-4.691-33.969-14.075l-192.15-192.127c-18.767-18.744-18.767-49.17 0-67.936 18.767-18.767 49.17-18.767 67.937 0l158.182 158.159 338.346-338.323c18.767-18.767 49.17-18.767 67.936 0 18.768 18.767 18.768 49.17 0.001 67.937z" ></path></symbol><symbol id="ui_icon__radio-unchecked" viewBox="0 0 1024 1024"><path d="M512 32c265.08799969 0 480 214.91200031 480 480 0 265.08799969-214.91200031 480-480 480-265.08799969 0-480-214.91200031-480-480C32 246.91200031 246.91200031 32 512 32z m0 96C299.936 128 128 299.936 128 512s171.936 384 384 384 384-171.936 384-384S724.064 128 512 128z" ></path></symbol><symbol id="ui_icon__loading-dot-spinner" viewBox="0 0 1024 1024"><path d="M512 32a1 1 180 1 0 0 200 1 1 180 1 0 0-200m-219 75.5a1 1 180 1 0 0 188 1 1 180 1 0 0-188M157.7 286.6a1 1 180 1 0 0 176 1 1 180 1 0 0-176m-19 214.6a1 1 180 1 0 0 164 1 1 180 1 0 0-164m87.4 185.1a1 1 180 1 0 0 152 1 1 180 1 0 0-152M382 799.1a1 1 180 1 0 0 140 1 1 180 1 0 0-140M559.6 825a1 1 180 1 0 0 128 1 1 180 1 0 0-128m158.2-51.6a1 1 180 1 0 0 116 1 1 180 1 0 0-116M830 668.1a1 1 180 1 0 0 104 1 1 180 1 0 0-104m55.3-130.9a1 1 180 1 0 0 92 1 1 180 1 0 0-92m0.9-131.2a1 1 180 1 0 0 80 1 1 180 1 0 0-80m-42.5-113.4a1 1 180 1 0 0 68 1 1 180 1 0 0-68M772.1 207a1 1 180 1 0 0 56 1 1 180 1 0 0-56m-86.4-55a1 1 180 1 0 0 44 1 1 180 1 0 0-44" ></path></symbol></svg>',(t=>{var a=(e=(e=document.getElementsByTagName("script"))[e.length-1]).getAttribute("data-injectcss"),e=e.getAttribute("data-disable-injectsvg");if(!e){var o,i,c,l,n,d=function(a,e){e.parentNode.insertBefore(a,e)};if(a&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}o=function(){var a,e=document.createElement("div");e.innerHTML=t._iconfont_svg_string_5081622,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(a=document.body).firstChild?d(e,a.firstChild):a.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(o,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),o()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(c=o,l=t.document,n=!1,m(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,s())})}function s(){n||(n=!0,c())}function m(){try{l.documentElement.doScroll("left")}catch(a){return void setTimeout(m,50)}s()}})(window);