├── yarn.lock ├── snippets ├── plugin │ ├── grid │ │ └── demo │ │ │ └── 1-base │ │ │ ├── 说明.md │ │ │ ├── widget.html │ │ │ └── widget.js │ ├── time │ │ ├── demo │ │ │ └── base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── year │ │ ├── demo │ │ │ └── base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── loading │ │ ├── demo │ │ │ └── base │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ └── base.md │ ├── combobox │ │ └── demo │ │ │ ├── base │ │ │ ├── 说明.md │ │ │ ├── codeWidget.js │ │ │ ├── widget.js │ │ │ ├── widget.html │ │ │ └── codeWidget.html │ │ │ └── base-1 │ │ │ ├── 说明.md │ │ │ ├── codeWidget.js │ │ │ ├── widget.js │ │ │ ├── widget.html │ │ │ └── codeWidget.html │ ├── menu │ │ ├── demo │ │ │ ├── 1-left │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ │ └── 1-right │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── clockpicker │ │ ├── demo │ │ │ └── base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── jspagination │ │ ├── demo │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ │ └── 3-gapPa │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ └── base.md │ ├── jstooltip │ │ ├── demo │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ ├── widget.css │ │ │ │ └── widget.js │ │ │ └── 1-batch │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.js │ │ │ │ ├── widget.html │ │ │ │ └── widget.css │ │ └── base.md │ ├── jsmessage │ │ ├── demo │ │ │ └── 1-base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ └── base.md │ ├── jsprogress │ │ ├── demo │ │ │ ├── 1-baseProgress │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ │ ├── 1-indeterProgress │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ └── 1-lazyProgress │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ └── base.md │ ├── jsrating │ │ ├── demo │ │ │ └── 1-baseRating │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ ├── widget.css │ │ │ │ └── widget.js │ │ └── base.md │ ├── month │ │ ├── demo │ │ │ └── base │ │ │ │ ├── 说明.md │ │ │ │ ├── codeWidget.html │ │ │ │ └── widget.html │ │ └── base.md │ ├── jstabs │ │ ├── demo │ │ │ ├── 1-bgTabs │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ │ └── 1-lineTabs │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── jsrefer │ │ ├── demo │ │ │ └── 1-base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ └── base.md │ ├── monthdate │ │ ├── demo │ │ │ └── base │ │ │ │ ├── 说明.md │ │ │ │ ├── codeWidget.html │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── yearmonth │ │ ├── demo │ │ │ └── base │ │ │ │ ├── 说明.md │ │ │ │ ├── codeWidget.html │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── date │ │ └── demo │ │ │ └── base │ │ │ ├── 说明.md │ │ │ ├── widget.html │ │ │ └── codeWidget.html │ ├── checkbox │ │ ├── demo │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ ├── codeWidget.html │ │ │ │ └── widget.html │ │ │ └── 3-colorCheckbox │ │ │ │ ├── codeWidget.html │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ └── base.md │ ├── jsmodal │ │ ├── demo │ │ │ └── 1-customModal │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.js │ │ │ │ └── widget.html │ │ └── base.md │ ├── radio │ │ ├── demo │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ ├── codeWidget.html │ │ │ │ └── widget.html │ │ │ └── 2-colorRadio │ │ │ │ ├── 说明.md │ │ │ │ ├── codeWidget.html │ │ │ │ └── widget.html │ │ └── base.md │ ├── jsswitch │ │ └── demo │ │ │ ├── 3-size │ │ │ ├── 说明.md │ │ │ ├── codeWidget.html │ │ │ └── widget.html │ │ │ ├── 1-base │ │ │ ├── 说明.md │ │ │ ├── codeWidget.html │ │ │ └── widget.html │ │ │ └── 2-color │ │ │ ├── 说明.md │ │ │ ├── codeWidget.html │ │ │ └── widget.html │ ├── gridCustom │ │ └── base.md │ └── SUMMARY.md ├── component │ ├── navbar │ │ ├── demo │ │ │ └── 1-base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ ├── widget.js │ │ │ │ └── codeWidget.js │ │ └── base.md │ ├── panel │ │ ├── base.md │ │ └── demo │ │ │ ├── 1-bodyPanle │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ │ ├── 1-bothPanel │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ │ ├── 1-headPanel │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ │ └── 1-footerPanel │ │ │ ├── 说明.md │ │ │ └── widget.html │ ├── dropdown │ │ ├── base.md │ │ └── demo │ │ │ ├── 1-iconleft │ │ │ ├── 说明.md │ │ │ ├── widget.css │ │ │ └── widget.html │ │ │ ├── 3-colorMenuBtn │ │ │ └── 说明.md │ │ │ ├── 4-splitBtn │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ │ └── 5-noBorderBtn │ │ │ ├── widget.html │ │ │ └── 说明.md │ ├── inputgroup │ │ ├── demo │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ ├── 2-size │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ │ ├── 3-checkradio │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ └── 4-dropdown │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ └── base.md │ ├── listgroup │ │ ├── demo │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ ├── 2-badge │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ └── 2-link │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ └── base.md │ ├── media │ │ ├── demo │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ ├── 2-nest │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ └── 3-align │ │ │ │ ├── widget.css │ │ │ │ └── 说明.md │ │ └── base.md │ ├── menu │ │ ├── demo │ │ │ ├── 1-left │ │ │ │ ├── 说明.md │ │ │ │ ├── 说明.txt │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ │ └── 1-right │ │ │ │ ├── 说明.md │ │ │ │ ├── 说明.txt │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── pagination │ │ ├── demo │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ │ ├── 3-gapPa │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ │ ├── 4-sizePa │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ │ └── 2-noBorderPa │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.html │ │ │ │ └── widget.js │ │ └── base.md │ ├── breadcrumb │ │ ├── demo │ │ │ ├── 2-base │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ └── 1-base-icon │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── buttongroup │ │ ├── demo │ │ │ ├── 1-base │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ ├── 2-nest │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ │ └── 3-size │ │ │ │ ├── widget.css │ │ │ │ ├── 说明.md │ │ │ │ └── widget.html │ │ └── base.md │ ├── tooltip │ │ ├── demo │ │ │ ├── 1-staticTooltip │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ │ └── 1-staticcolorTooltip │ │ │ │ ├── 说明.md │ │ │ │ ├── widget.css │ │ │ │ └── widget.html │ │ └── base.md │ ├── gallery │ │ ├── base.md │ │ └── demo │ │ │ ├── 1-base │ │ │ └── 说明.md │ │ │ ├── 2-overlay │ │ │ └── 说明.md │ │ │ ├── 3-border │ │ │ ├── 说明.md │ │ │ └── widget.css │ │ │ └── 4-imgborder │ │ │ └── 说明.md │ ├── message │ │ ├── base.md │ │ └── demo │ │ │ ├── 1-darkIcon │ │ │ ├── 说明.md │ │ │ ├── widget.css │ │ │ └── widget.html │ │ │ ├── 1-base │ │ │ ├── widget.css │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ │ └── 2-clickDemo │ │ │ └── widget.js │ ├── SUMMARY.md │ └── README.md └── global │ ├── input │ ├── base.md │ └── demo │ │ ├── 2-hasfeedback │ │ ├── 说明.md │ │ └── widget.html │ │ ├── 1-unable │ │ ├── 说明.md │ │ └── widget.html │ │ ├── 1-base │ │ ├── 说明.md │ │ └── widget.html │ │ └── 2-validate │ │ ├── 说明.md │ │ ├── widget.html │ │ └── widget.js │ ├── label │ ├── base.md │ └── demo │ │ ├── 1-base │ │ ├── 说明.md │ │ └── widget.html │ │ ├── 2-circleLabel │ │ ├── 说明.md │ │ └── widget.html │ │ ├── 3-outlineLabel │ │ ├── 说明.md │ │ └── widget.html │ │ └── 4-sizeLabel │ │ ├── 说明.md │ │ └── widget.html │ ├── icon │ ├── demo │ │ └── 1-demo │ │ │ ├── 说明.md │ │ │ └── widget.css │ └── base.md │ ├── badge │ ├── demo │ │ ├── 2-iconBadge │ │ │ ├── 说明.md │ │ │ ├── widget.css │ │ │ └── widget.html │ │ └── 1-base │ │ │ ├── widget.css │ │ │ ├── 说明.md │ │ │ └── widget.html │ └── base.md │ ├── button │ ├── demo │ │ ├── 3-blockBtn │ │ │ ├── 说明.md │ │ │ ├── codeWidget.html │ │ │ └── widget.html │ │ ├── 1-base │ │ │ ├── codeWidget.html │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ ├── 2-sizeBtn │ │ │ ├── codeWidget.html │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ └── 4-radiusBtn │ │ │ ├── codeWidget.html │ │ │ ├── 说明.md │ │ │ └── widget.html │ └── base.md │ ├── utilities │ ├── demo │ │ ├── 1-align-centerBlock │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ ├── 1-align-vertical │ │ │ ├── widget.css │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ ├── 2-text-wrapping │ │ │ ├── widget.css │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ ├── 1-align-float │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ ├── 2-text-transform │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ ├── 4-other-display │ │ │ └── 说明.md │ │ ├── 2-text-align │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ ├── 3-box-width │ │ │ └── 说明.md │ │ ├── 3-box-margin │ │ │ └── 说明.md │ │ ├── 2-text-font-weight │ │ │ └── 说明.md │ │ ├── 3-box-height │ │ │ └── 说明.md │ │ ├── 3-box-padding │ │ │ └── 说明.md │ │ ├── 2-text-font-size │ │ │ └── 说明.md │ │ └── 4-other-visibility │ │ │ └── 说明.md │ └── base.md │ ├── image │ ├── base.md │ └── demo │ │ ├── 1-baseImg │ │ ├── 说明.md │ │ └── widget.html │ │ └── 1-borderImg │ │ ├── 说明.md │ │ └── widget.html │ ├── table │ ├── demo │ │ ├── 1-border │ │ │ └── 说明.md │ │ ├── 1-base │ │ │ └── 说明.md │ │ ├── 1-nomal │ │ │ ├── 说明.md │ │ │ └── widget.html │ │ ├── 1-zebra │ │ │ └── 说明.md │ │ └── 1-hover │ │ │ └── 说明.md │ └── base.md │ ├── layout │ ├── demo │ │ ├── 1-base │ │ │ ├── 说明.md │ │ │ ├── widget.css │ │ │ └── widget.html │ │ ├── 1-response │ │ │ ├── 说明.md │ │ │ ├── widget.css │ │ │ └── widget.html │ │ ├── 2-col -order │ │ │ ├── 说明.md │ │ │ ├── widget.css │ │ │ └── widget.html │ │ ├── 1-response-reset │ │ │ ├── 说明.md │ │ │ ├── widget.css │ │ │ └── widget.html │ │ ├── 2-col -nest │ │ │ ├── 说明.md │ │ │ ├── widget.css │ │ │ └── widget.html │ │ └── 2-col -offset │ │ │ ├── 说明.md │ │ │ ├── widget.css │ │ │ └── widget.html │ └── base.md │ ├── SUMMARY.md │ └── README.md ├── .npmignore ├── fonts ├── iconfont.eot ├── iconfont.ttf └── iconfont.woff ├── vendor ├── images │ ├── close.png │ ├── diy │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ ├── 5.png │ │ ├── 6.png │ │ ├── 7.png │ │ ├── 8.png │ │ ├── 9.png │ │ ├── 1_close.png │ │ └── 1_open.png │ ├── loading.gif │ ├── itemcancel.png │ ├── line_conn.gif │ ├── zTreeStandard.gif │ └── zTreeStandard.png ├── font-awesome │ └── fonts │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ └── fontawesome-webfont.woff2 └── css │ └── rating.scss ├── docs ├── 新增组件说明 │ └── 自定义组件demo │ │ ├── vendor │ │ └── uui │ │ │ ├── images │ │ │ ├── close.png │ │ │ ├── diy │ │ │ │ ├── 2.png │ │ │ │ ├── 3.png │ │ │ │ ├── 4.png │ │ │ │ ├── 5.png │ │ │ │ ├── 6.png │ │ │ │ ├── 7.png │ │ │ │ ├── 8.png │ │ │ │ ├── 9.png │ │ │ │ ├── 1_open.png │ │ │ │ └── 1_close.png │ │ │ ├── loading.gif │ │ │ ├── itemcancel.png │ │ │ ├── line_conn.gif │ │ │ ├── zTreeStandard.gif │ │ │ └── zTreeStandard.png │ │ │ ├── fonts │ │ │ ├── iconfont.eot │ │ │ ├── iconfont.ttf │ │ │ ├── FontAwesome.otf │ │ │ ├── iconfont.woff │ │ │ ├── fontawesome-webfont.eot │ │ │ ├── fontawesome-webfont.ttf │ │ │ ├── fontawesome-webfont.woff │ │ │ ├── fontawesome-webfont.woff2 │ │ │ └── font-awesome │ │ │ │ └── fonts │ │ │ │ ├── FontAwesome.otf │ │ │ │ ├── fontawesome-webfont.eot │ │ │ │ ├── fontawesome-webfont.ttf │ │ │ │ ├── fontawesome-webfont.woff │ │ │ │ └── fontawesome-webfont.woff2 │ │ │ └── js │ │ │ ├── 3.3.min.js │ │ │ └── 3.3.js │ │ ├── custom.html │ │ └── custom.js ├── global │ ├── SUMMARY.md │ ├── README.md │ ├── typography.md │ ├── image.md │ └── badge.md ├── component │ ├── SUMMARY.md │ └── README.md └── plugin │ ├── gridCustom.md │ ├── loading.md │ ├── SUMMARY.md │ ├── month.md │ ├── time.md │ ├── year.md │ ├── clockpicker.md │ ├── monthdate.md │ └── yearmonth.md ├── _config.yml ├── .github ├── PULL_REQUEST_TEMPLATE.md └── ISSUE_TEMPLATE.md ├── .travis.yml ├── scss ├── core │ ├── minxin-themeColors.scss │ ├── util-shadow.scss │ ├── set-mobile.scss │ ├── util-ripple.scss │ └── set-global.scss ├── unuse │ ├── time.scss │ └── iscroll-improve.scss ├── ui │ ├── neoui-collapse.scss │ ├── neoui-layout.slidepanel.scss │ ├── neoui-nav.scss │ ├── neoui-avatar.scss │ ├── neoui-rating.scss │ ├── neoui-autocomplete.scss │ ├── neoui-breadcrumbs.scss │ └── neoui-img.scss ├── images │ ├── buffer.svg │ ├── tick.svg │ └── tick-mask.svg └── core.scss ├── bin └── utool.js ├── bower.json ├── test └── widget.js ├── .gitignore ├── .babelrc ├── rollup.config.js ├── LICENSE ├── version.js ├── lib └── neoui-button.js └── examples └── global ├── utilities3-box-height.html ├── utilities3-box-margin.html └── utilities3-box-padding.html /yarn.lock: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/plugin/grid/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/plugin/time/demo/base/说明.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/plugin/year/demo/base/说明.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/component/navbar/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/component/panel/base.md: -------------------------------------------------------------------------------- 1 | ## 面板 2 | -------------------------------------------------------------------------------- /snippets/global/input/base.md: -------------------------------------------------------------------------------- 1 | ## 输入框 2 | -------------------------------------------------------------------------------- /snippets/global/label/base.md: -------------------------------------------------------------------------------- 1 | ## 标签 2 | -------------------------------------------------------------------------------- /snippets/plugin/loading/demo/base/说明.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | docs/ 2 | node_modules/ 3 | .babelrc 4 | -------------------------------------------------------------------------------- /snippets/component/dropdown/base.md: -------------------------------------------------------------------------------- 1 | ## dropdown 2 | -------------------------------------------------------------------------------- /snippets/component/inputgroup/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /snippets/component/inputgroup/demo/2-size/说明.md: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /snippets/global/icon/demo/1-demo/说明.md: -------------------------------------------------------------------------------- 1 | #### 具体的图标 2 | -------------------------------------------------------------------------------- /snippets/plugin/combobox/demo/base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | -------------------------------------------------------------------------------- /snippets/plugin/menu/demo/1-left/说明.md: -------------------------------------------------------------------------------- 1 | ### 左边menu 2 | -------------------------------------------------------------------------------- /snippets/component/inputgroup/demo/3-checkradio/说明.md: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /snippets/component/inputgroup/demo/4-dropdown/说明.md: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /snippets/component/listgroup/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | -------------------------------------------------------------------------------- /snippets/component/media/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 默认样式 2 | -------------------------------------------------------------------------------- /snippets/component/menu/demo/1-left/说明.md: -------------------------------------------------------------------------------- 1 | ### 左边menu 2 | -------------------------------------------------------------------------------- /snippets/component/menu/demo/1-right/说明.md: -------------------------------------------------------------------------------- 1 | ### 右边menu 2 | -------------------------------------------------------------------------------- /snippets/component/pagination/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | -------------------------------------------------------------------------------- /snippets/component/panel/demo/1-bodyPanle/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | -------------------------------------------------------------------------------- /snippets/global/input/demo/2-hasfeedback/说明.md: -------------------------------------------------------------------------------- 1 | ### 带后缀 2 | -------------------------------------------------------------------------------- /snippets/plugin/menu/demo/1-right/说明.md: -------------------------------------------------------------------------------- 1 | ### 右边menu 2 | -------------------------------------------------------------------------------- /snippets/component/breadcrumb/demo/2-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 其他分隔符 2 | -------------------------------------------------------------------------------- /snippets/component/buttongroup/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | -------------------------------------------------------------------------------- /snippets/component/listgroup/demo/2-badge/说明.md: -------------------------------------------------------------------------------- 1 | ### 带图标 2 | -------------------------------------------------------------------------------- /snippets/component/listgroup/demo/2-link/说明.md: -------------------------------------------------------------------------------- 1 | ### 列表是链接 2 | -------------------------------------------------------------------------------- /snippets/component/panel/demo/1-bothPanel/说明.md: -------------------------------------------------------------------------------- 1 | ### 带标题和注脚 2 | -------------------------------------------------------------------------------- /snippets/component/panel/demo/1-headPanel/说明.md: -------------------------------------------------------------------------------- 1 | ### 带标题的面板 2 | -------------------------------------------------------------------------------- /snippets/plugin/clockpicker/demo/base/说明.md: -------------------------------------------------------------------------------- 1 | ### clockpicker 2 | -------------------------------------------------------------------------------- /snippets/plugin/jspagination/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础分页 2 | -------------------------------------------------------------------------------- /snippets/plugin/jstooltip/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 普通tooltip 2 | -------------------------------------------------------------------------------- /snippets/component/dropdown/demo/1-iconleft/说明.md: -------------------------------------------------------------------------------- 1 | ### 左边menu 2 | -------------------------------------------------------------------------------- /snippets/component/menu/demo/1-left/说明.txt: -------------------------------------------------------------------------------- 1 | 可以通过添加其它类，来修改基础menu的样式 -------------------------------------------------------------------------------- /snippets/component/menu/demo/1-right/说明.txt: -------------------------------------------------------------------------------- 1 | 可以通过添加其它类，来修改基础menu的样式 -------------------------------------------------------------------------------- /snippets/component/panel/demo/1-footerPanel/说明.md: -------------------------------------------------------------------------------- 1 | ### 带注脚的面板 2 | -------------------------------------------------------------------------------- /snippets/component/tooltip/demo/1-staticTooltip/说明.md: -------------------------------------------------------------------------------- 1 | ### 方向 2 | -------------------------------------------------------------------------------- /snippets/plugin/jsmessage/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | 点击 Success 弹出提示消息 2 | -------------------------------------------------------------------------------- /snippets/plugin/jstooltip/demo/1-batch/说明.md: -------------------------------------------------------------------------------- 1 | ### 批量生成tooltip 2 | -------------------------------------------------------------------------------- /snippets/component/tooltip/demo/1-staticcolorTooltip/说明.md: -------------------------------------------------------------------------------- 1 | ### 预定义样式 2 | -------------------------------------------------------------------------------- /snippets/plugin/jsprogress/demo/1-baseProgress/说明.md: -------------------------------------------------------------------------------- 1 | ### 基本Progress 2 | -------------------------------------------------------------------------------- /snippets/component/breadcrumb/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | 3 | "/"为分隔符 4 | -------------------------------------------------------------------------------- /snippets/plugin/jsprogress/demo/1-indeterProgress/说明.md: -------------------------------------------------------------------------------- 1 | ### 不确定Progress 2 | -------------------------------------------------------------------------------- /snippets/component/buttongroup/demo/2-nest/说明.md: -------------------------------------------------------------------------------- 1 | ### 嵌套 2 | 3 | 按钮组里嵌套下拉菜单 4 | -------------------------------------------------------------------------------- /snippets/component/listgroup/base.md: -------------------------------------------------------------------------------- 1 | ## 列表组 2 | 3 | 多个列表条目的无序列表，我们提供了一些预定义的样式 4 | -------------------------------------------------------------------------------- /snippets/global/input/demo/1-unable/说明.md: -------------------------------------------------------------------------------- 1 | ### 禁止输入 2 | 在普通输入框中添加`disabled` 属性 3 | -------------------------------------------------------------------------------- /snippets/plugin/jsrating/demo/1-baseRating/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础Rating 2 | 3 | 常用于评级评分 4 | -------------------------------------------------------------------------------- /snippets/plugin/menu/demo/1-left/widget.css: -------------------------------------------------------------------------------- 1 | .example{ 2 | padding-left: 30px; 3 | } -------------------------------------------------------------------------------- /snippets/plugin/month/demo/base/说明.md: -------------------------------------------------------------------------------- 1 | 定义样式为`u-month`的div父元素，包裹样式为`u-input`的input元素。 -------------------------------------------------------------------------------- /snippets/component/gallery/base.md: -------------------------------------------------------------------------------- 1 | ## 图片画廊 2 | 3 | 由图片与简明文字组成。预定了几个常用场景，用户可自定义。 4 | -------------------------------------------------------------------------------- /snippets/component/media/base.md: -------------------------------------------------------------------------------- 1 | ## 媒体对象 2 | 3 | 允许在一个内容块的左边或右边展示一个多媒体内容（图像、视频、音频） 4 | -------------------------------------------------------------------------------- /snippets/component/menu/demo/1-left/widget.css: -------------------------------------------------------------------------------- 1 | .example{ 2 | padding-left: 30px; 3 | } -------------------------------------------------------------------------------- /snippets/component/menu/demo/1-right/widget.css: -------------------------------------------------------------------------------- 1 | .example{ 2 | padding-left: 30px; 3 | } -------------------------------------------------------------------------------- /snippets/global/input/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | 在普通的input元素上添加`u-form-control`样式 3 | -------------------------------------------------------------------------------- /snippets/plugin/combobox/demo/base-1/说明.md: -------------------------------------------------------------------------------- 1 | ### 多选下拉框 2 | 添加 `mutil-select`样式 支持多选 3 | -------------------------------------------------------------------------------- /snippets/plugin/jstabs/demo/1-bgTabs/说明.md: -------------------------------------------------------------------------------- 1 | ### 背景tabs 2 | 3 | 切换 背景色跟随作为`active`状态 4 | -------------------------------------------------------------------------------- /snippets/plugin/jstabs/demo/1-lineTabs/说明.md: -------------------------------------------------------------------------------- 1 | ### 线性tabs 2 | 3 | 切换 线性跟随作为`active`状态 4 | -------------------------------------------------------------------------------- /snippets/plugin/menu/demo/1-right/widget.css: -------------------------------------------------------------------------------- 1 | .example{ 2 | padding-left: 30px; 3 | } -------------------------------------------------------------------------------- /snippets/plugin/jsprogress/demo/1-lazyProgress/说明.md: -------------------------------------------------------------------------------- 1 | ### 缓冲Progress 2 | 3 | 有缓冲标识的进度条 4 | -------------------------------------------------------------------------------- /snippets/plugin/jsrefer/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 参照示例 2 | 3 | 点击id为`referdom`元素的按钮，弹出参照层 4 | -------------------------------------------------------------------------------- /snippets/plugin/monthdate/demo/base/说明.md: -------------------------------------------------------------------------------- 1 | 定义样式为`u-monthdate`的div父元素，包裹样式为`u-input`的input元素。 -------------------------------------------------------------------------------- /snippets/plugin/yearmonth/demo/base/说明.md: -------------------------------------------------------------------------------- 1 | 定义样式为`u-yearmonth`的div父元素，包裹样式为`u-input`的input元素。 -------------------------------------------------------------------------------- /fonts/iconfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/fonts/iconfont.eot -------------------------------------------------------------------------------- /fonts/iconfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/fonts/iconfont.ttf -------------------------------------------------------------------------------- /fonts/iconfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/fonts/iconfont.woff -------------------------------------------------------------------------------- /snippets/component/breadcrumb/demo/1-base-icon/说明.md: -------------------------------------------------------------------------------- 1 | ### 图标面包屑 2 | 3 | "/"为分隔符,并添加Home icon 4 | -------------------------------------------------------------------------------- /snippets/component/dropdown/demo/1-iconleft/widget.css: -------------------------------------------------------------------------------- 1 | .example{ 2 | padding-left: 30px; 3 | } -------------------------------------------------------------------------------- /snippets/component/gallery/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 默认 2 | `u-gallery` 后跟上 `u-gallery-default` 3 | -------------------------------------------------------------------------------- /snippets/component/pagination/demo/3-gapPa/说明.md: -------------------------------------------------------------------------------- 1 | ### 有间距 2 | 添加样式`pagination-gap`可以增加页码之间的间距 3 | -------------------------------------------------------------------------------- /snippets/component/tooltip/base.md: -------------------------------------------------------------------------------- 1 | ## tooltip控件 2 | 3 | 当您想要描述一个链接的时候，提示工具（Tooltip）就显得非常有用。 4 | -------------------------------------------------------------------------------- /snippets/global/badge/demo/2-iconBadge/说明.md: -------------------------------------------------------------------------------- 1 | ### 绝对定位标记 2 | 用于推送消息或提醒时，在标签dom元素中添加添加具体的图标即可。 3 | -------------------------------------------------------------------------------- /snippets/global/button/demo/3-blockBtn/说明.md: -------------------------------------------------------------------------------- 1 | ### 块级按钮 2 | 3 | 如果想按钮充满，添加样式 `.u-button-block`。 4 | -------------------------------------------------------------------------------- /snippets/plugin/jspagination/demo/3-gapPa/说明.md: -------------------------------------------------------------------------------- 1 | ### 有间距的分页 2 | 添加样式`pagination-gap`可以增加页码之间的间距 3 | -------------------------------------------------------------------------------- /snippets/plugin/jsprogress/demo/1-baseProgress/widget.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /snippets/plugin/jsprogress/demo/1-lazyProgress/widget.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /snippets/component/gallery/demo/2-overlay/说明.md: -------------------------------------------------------------------------------- 1 | ### 悬浮标题 2 | `u-gallery` 后跟上 `u-gallery-overlay` 3 | -------------------------------------------------------------------------------- /snippets/component/gallery/demo/3-border/说明.md: -------------------------------------------------------------------------------- 1 | ### 容器边框 2 | `u-gallery` 后跟上 `u-gallery-bordered` 3 | -------------------------------------------------------------------------------- /snippets/global/badge/demo/1-base/widget.css: -------------------------------------------------------------------------------- 1 | .demo .u-badge{ 2 | display: inline-block; 3 | } 4 | -------------------------------------------------------------------------------- /snippets/global/badge/demo/2-iconBadge/widget.css: -------------------------------------------------------------------------------- 1 | .demo .u-badge{ 2 | display: inline-block; 3 | } -------------------------------------------------------------------------------- /snippets/global/label/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 预定义样式 2 | 3 | 不同背景具有相应的样式名 4 | 例如 u-tab-default 默认灰色 5 | -------------------------------------------------------------------------------- /snippets/global/label/demo/2-circleLabel/说明.md: -------------------------------------------------------------------------------- 1 | ### 圆角 2 | 3 | 4 | `span` 标签上添加样式 `u-tag-round` 5 | -------------------------------------------------------------------------------- /snippets/global/label/demo/3-outlineLabel/说明.md: -------------------------------------------------------------------------------- 1 | ### 边框标签 2 | 3 | `span` 标签上添加样式 `u-tag-outline` 4 | -------------------------------------------------------------------------------- /snippets/global/utilities/demo/1-align-centerBlock/说明.md: -------------------------------------------------------------------------------- 1 | ### 块级元素水平居中 2 | 添加`.center-block`实现水平居中 3 | -------------------------------------------------------------------------------- /snippets/component/gallery/demo/3-border/widget.css: -------------------------------------------------------------------------------- 1 | .example-content .u-button-group{ 2 | margin: 5px; 3 | } -------------------------------------------------------------------------------- /snippets/component/gallery/demo/4-imgborder/说明.md: -------------------------------------------------------------------------------- 1 | ### 图片边框 2 | `u-gallery` 后跟上 `u-gallery-imgbordered` 3 | -------------------------------------------------------------------------------- /snippets/component/media/demo/2-nest/说明.md: -------------------------------------------------------------------------------- 1 | ### 嵌套 2 | 3 | 媒体对象里嵌套媒体对象，只要整要嵌套的媒体对象放在父的`media-body`标签里 4 | -------------------------------------------------------------------------------- /snippets/component/media/demo/3-align/widget.css: -------------------------------------------------------------------------------- 1 | .example-content .u-button-group{ 2 | margin: 5px; 3 | } -------------------------------------------------------------------------------- /snippets/component/pagination/demo/1-base/widget.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/global/button/demo/1-base/codeWidget.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/global/image/base.md: -------------------------------------------------------------------------------- 1 | ## 图片 2 | 3 | 一个矩形图片可以显示成圆形图片、圆角图片，除此之外还可以添加多种颜色的边框。这个功能是不是很炫，赶快看下具体的示例吧！ 4 | -------------------------------------------------------------------------------- /snippets/global/input/demo/2-validate/说明.md: -------------------------------------------------------------------------------- 1 | ### 必输项 2 | 当input框失去焦点时，校验输入的内容，如果内容长度大于0则隐藏必输字符`*`,否则显示 3 | -------------------------------------------------------------------------------- /snippets/plugin/date/demo/base/说明.md: -------------------------------------------------------------------------------- 1 | ### 如何使用 2 | 定义样式为`u-datepicker`的div父元素，包裹样式为`u-input`的input元素。 3 | -------------------------------------------------------------------------------- /snippets/plugin/jsmessage/demo/1-base/widget.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /snippets/plugin/jspagination/demo/1-base/widget.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/plugin/loading/demo/base/widget.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /vendor/images/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/close.png -------------------------------------------------------------------------------- /vendor/images/diy/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/2.png -------------------------------------------------------------------------------- /vendor/images/diy/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/3.png -------------------------------------------------------------------------------- /vendor/images/diy/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/4.png -------------------------------------------------------------------------------- /vendor/images/diy/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/5.png -------------------------------------------------------------------------------- /vendor/images/diy/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/6.png -------------------------------------------------------------------------------- /vendor/images/diy/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/7.png -------------------------------------------------------------------------------- /vendor/images/diy/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/8.png -------------------------------------------------------------------------------- /vendor/images/diy/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/9.png -------------------------------------------------------------------------------- /snippets/component/buttongroup/demo/3-size/widget.css: -------------------------------------------------------------------------------- 1 | .example-content .u-button-group{ 2 | margin: 5px; 3 | } -------------------------------------------------------------------------------- /snippets/component/inputgroup/demo/2-size/widget.css: -------------------------------------------------------------------------------- 1 | .example-content .u-button-group{ 2 | margin: 5px; 3 | } -------------------------------------------------------------------------------- /snippets/component/media/demo/3-align/说明.md: -------------------------------------------------------------------------------- 1 | ### 对齐 2 | 默认上对齐 3 | `media-middle`: 中对齐 4 | `media-bottom`: 底对齐 5 | -------------------------------------------------------------------------------- /snippets/component/pagination/demo/4-sizePa/说明.md: -------------------------------------------------------------------------------- 1 | ### 多尺寸 2 | 添加`pagination-lg`、`pagination-sm`样式可以使分页变大、变小 3 | -------------------------------------------------------------------------------- /snippets/global/label/demo/4-sizeLabel/说明.md: -------------------------------------------------------------------------------- 1 | ### 尺寸 2 | 3 | span标签 添加 `.u-tag-lg` 或 `.u-tag-sm`类，来改变标签大小. 4 | -------------------------------------------------------------------------------- /vendor/images/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/loading.gif -------------------------------------------------------------------------------- /snippets/component/message/base.md: -------------------------------------------------------------------------------- 1 | ## message控件 2 | 3 | 用于即时信息的提示，添加.u-message即可实现一个基本的消息提示。其他效果的消息实现只需添加相应的样式即可。 4 | -------------------------------------------------------------------------------- /snippets/global/table/demo/1-border/说明.md: -------------------------------------------------------------------------------- 1 | ### 边框表格 2 | 含有外边框的表格，需要在`table`标签上添加样式`u-table-base u-table-bordered` 3 | -------------------------------------------------------------------------------- /vendor/images/diy/1_close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/1_close.png -------------------------------------------------------------------------------- /vendor/images/diy/1_open.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/diy/1_open.png -------------------------------------------------------------------------------- /vendor/images/itemcancel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/itemcancel.png -------------------------------------------------------------------------------- /vendor/images/line_conn.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/line_conn.gif -------------------------------------------------------------------------------- /snippets/global/badge/base.md: -------------------------------------------------------------------------------- 1 | ## 徽章控件 2 | 3 | 徽章控件主要包括不同色彩的徽章、含有图标的徽章。 4 | 添加含有`u-badge`就可以创建一个徽章，徽章的内容在data-badge中设置。 5 | -------------------------------------------------------------------------------- /snippets/global/button/demo/2-sizeBtn/codeWidget.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/global/image/demo/1-baseImg/说明.md: -------------------------------------------------------------------------------- 1 | ### 图片形状 2 | 3 | 在`img`标签上添加`img-rounded`可以显示成圆角图片，添加`img-circle`可以显示成圆形图片 4 | -------------------------------------------------------------------------------- /snippets/global/layout/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | 3 | 使用单一的一组`Row`和`col`栅格组件，就可以创建一个基本的栅格系统。所有的列`col`必须放在`Row`中。 4 | -------------------------------------------------------------------------------- /snippets/global/table/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | 3 | 基本的表格没有外边框、悬浮特效、只是一个最基本的表格,需要开发者在`table`标签上添加样式`u-table-base` 4 | -------------------------------------------------------------------------------- /snippets/global/table/demo/1-nomal/说明.md: -------------------------------------------------------------------------------- 1 | ### 经典表格 2 | 常用表格的表头含有背景色，表格整体具有边框，悬浮到tr上会有蓝色特效。开发者需要在`table`标签上添加样式`u-table`。 3 | -------------------------------------------------------------------------------- /snippets/plugin/date/demo/base/widget.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
-------------------------------------------------------------------------------- /snippets/plugin/jsrating/demo/1-baseRating/widget.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /vendor/images/zTreeStandard.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/zTreeStandard.gif -------------------------------------------------------------------------------- /vendor/images/zTreeStandard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/images/zTreeStandard.png -------------------------------------------------------------------------------- /snippets/component/breadcrumb/demo/2-base/widget.css: -------------------------------------------------------------------------------- 1 | .md-home:before { 2 | content: "\e6a2"; 3 | font-family: 'uf'; 4 | } -------------------------------------------------------------------------------- /snippets/component/pagination/demo/2-noBorderPa/说明.md: -------------------------------------------------------------------------------- 1 | ### 无边框 2 | 在含有`u-pagination`的div元素中添加`u-pagination-no-border`样式即可 3 | -------------------------------------------------------------------------------- /snippets/component/pagination/demo/3-gapPa/widget.html: -------------------------------------------------------------------------------- 1 |
2 |
-------------------------------------------------------------------------------- /snippets/global/button/demo/3-blockBtn/codeWidget.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/global/button/demo/4-radiusBtn/codeWidget.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/global/utilities/demo/1-align-vertical/widget.css: -------------------------------------------------------------------------------- 1 | .vertical-align-bottom.u-button{ 2 | vertical-align: bottom; 3 | } -------------------------------------------------------------------------------- /snippets/global/utilities/demo/2-text-wrapping/widget.css: -------------------------------------------------------------------------------- 1 | .vertical-align-bottom.u-button { 2 | vertical-align: bottom; 3 | } -------------------------------------------------------------------------------- /snippets/plugin/date/demo/base/codeWidget.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
-------------------------------------------------------------------------------- /snippets/plugin/grid/demo/1-base/widget.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
-------------------------------------------------------------------------------- /snippets/plugin/jspagination/demo/3-gapPa/widget.html: -------------------------------------------------------------------------------- 1 |
2 |
-------------------------------------------------------------------------------- /snippets/plugin/jsprogress/demo/1-indeterProgress/widget.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /snippets/plugin/month/demo/base/codeWidget.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | -------------------------------------------------------------------------------- /snippets/plugin/time/demo/base/widget.css: -------------------------------------------------------------------------------- 1 | .example .u-input{ 2 | border: 1px solid rgba(0,0,0, 0.12); 3 | width: 250px; 4 | } -------------------------------------------------------------------------------- /snippets/plugin/year/demo/base/widget.css: -------------------------------------------------------------------------------- 1 | .example .u-input{ 2 | border: 1px solid rgba(0,0,0, 0.12); 3 | width: 250px; 4 | } -------------------------------------------------------------------------------- /snippets/component/breadcrumb/demo/1-base-icon/widget.css: -------------------------------------------------------------------------------- 1 | .md-home:before { 2 | content: "\e6a2"; 3 | font-family: 'uf'; 4 | } -------------------------------------------------------------------------------- /snippets/component/message/demo/1-darkIcon/说明.md: -------------------------------------------------------------------------------- 1 | ### 带`icon`的加深颜色版message 2 | 3 | 背景色加深 `.dark`类提供了选择 4 | 5 | 消息类型对应相应的icon 6 | -------------------------------------------------------------------------------- /snippets/global/table/demo/1-zebra/说明.md: -------------------------------------------------------------------------------- 1 | ### 斑马线 2 | 3 | 斑马线表格的奇数行和偶数行的显示效果不同，需要开发者在`table`标签上添加样式`u-table-base u-table-striped` 4 | -------------------------------------------------------------------------------- /snippets/plugin/clockpicker/demo/base/widget.css: -------------------------------------------------------------------------------- 1 | .example .u-input{ 2 | border: 1px solid rgba(0,0,0, 0.12); 3 | width: 250px; 4 | } -------------------------------------------------------------------------------- /snippets/plugin/month/demo/base/widget.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
5 | -------------------------------------------------------------------------------- /snippets/plugin/monthdate/demo/base/codeWidget.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
-------------------------------------------------------------------------------- /snippets/plugin/monthdate/demo/base/widget.css: -------------------------------------------------------------------------------- 1 | .example .u-input{ 2 | border: 1px solid rgba(0,0,0, 0.12); 3 | width: 250px; 4 | } -------------------------------------------------------------------------------- /snippets/plugin/monthdate/demo/base/widget.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
-------------------------------------------------------------------------------- /snippets/plugin/yearmonth/demo/base/codeWidget.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
-------------------------------------------------------------------------------- /snippets/plugin/yearmonth/demo/base/widget.css: -------------------------------------------------------------------------------- 1 | .example .u-input{ 2 | border: 1px solid rgba(0,0,0, 0.12); 3 | width: 250px; 4 | } -------------------------------------------------------------------------------- /snippets/plugin/yearmonth/demo/base/widget.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
-------------------------------------------------------------------------------- /snippets/plugin/checkbox/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础checkbox 2 | 在复选框中input元素添加如下属性来实现多种效果 3 | 4 | - `checked` 选中 5 | - `disabled` 不可用 6 | -------------------------------------------------------------------------------- /snippets/plugin/jsmodal/demo/1-customModal/说明.md: -------------------------------------------------------------------------------- 1 | ### 自定义摸态框 2 | 3 | 通过`dialog`方法调出模态框 4 | 用户自定在html文件自定义所要展现的内容 5 | 点击保存，做进一步的确认校验 6 | -------------------------------------------------------------------------------- /snippets/plugin/jsrefer/demo/1-base/widget.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /snippets/plugin/radio/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础 2 | 3 | 在单选框中input元素上添加如下属性可以实现多种效果。 4 | 5 | * `checked`单选框选中 6 | * `disabled`单选框不可用 7 | -------------------------------------------------------------------------------- /snippets/component/pagination/demo/2-noBorderPa/widget.html: -------------------------------------------------------------------------------- 1 |
2 |
-------------------------------------------------------------------------------- /snippets/global/input/demo/1-base/widget.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /snippets/global/table/demo/1-hover/说明.md: -------------------------------------------------------------------------------- 1 | ### 悬浮样式 2 | 3 | 悬浮表格指鼠标移动到表格中的某行时，出现浅蓝色背景特效，需要开发者在`table`标签上添加样式`u-table-base u-table-hover` 4 | -------------------------------------------------------------------------------- /vendor/font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /snippets/component/breadcrumb/base.md: -------------------------------------------------------------------------------- 1 | ## 面包屑 2 | 3 | 用于带有层次的导航，active状态表明当前页面的位置 4 | 5 | #### 如何使用 6 | 7 | 给父元素添加`.u-breadcrumb`,自定义导航结构的分隔符 8 | -------------------------------------------------------------------------------- /snippets/component/menu/base.md: -------------------------------------------------------------------------------- 1 | ## menu控件 2 | 3 | 动态弹出菜单 4 | 5 | ### 插件依赖 6 | 7 | 依赖于 http://design.yonyoucloud.com/static/uui/latest/js/u.js 8 | -------------------------------------------------------------------------------- /snippets/global/button/demo/2-sizeBtn/说明.md: -------------------------------------------------------------------------------- 1 | ### 多尺寸响应 2 | 3 | * `.u-button-xg` - 特大尺寸 4 | * `.u-button-lg` - 大尺寸 5 | * `.u-button-sm` - 小尺寸 6 | -------------------------------------------------------------------------------- /snippets/global/layout/demo/1-response/说明.md: -------------------------------------------------------------------------------- 1 | ### 移动和桌面屏幕 2 | 3 | 是否不希望在小屏幕设备上所有的列都堆叠在一起？那就使用针对超小屏幕和中等屏幕设备所定义的类吧，即 `.u-col-xs-*` 和 `.u-col-md-*` 4 | -------------------------------------------------------------------------------- /snippets/plugin/menu/base.md: -------------------------------------------------------------------------------- 1 | ## menu控件 2 | 3 | 动态弹出菜单 4 | 5 | ### 插件依赖 6 | 7 | 依赖于 http://design.yonyoucloud.com/static/uui/latest/js/u.js 8 | -------------------------------------------------------------------------------- /snippets/component/pagination/base.md: -------------------------------------------------------------------------------- 1 | ## 分页控件 2 | 3 | 分页控件提供了无border分页、有间距的分页、多尺寸分页。 4 | 5 | #### 如何使用 6 | 7 | 分页通过添加`u-pagination`的样式来实现基本的分页效果 8 | -------------------------------------------------------------------------------- /snippets/global/layout/demo/2-col -order/说明.md: -------------------------------------------------------------------------------- 1 | ### 列排序 2 | 3 | 使用`.col-md-push-*` and `.col-md-pull-* `能改变我们的内置网格列的顺序。*越大值越大，push值到左边距，pull值到右边距。 4 | -------------------------------------------------------------------------------- /snippets/plugin/combobox/demo/base/codeWidget.js: -------------------------------------------------------------------------------- 1 | document.getElementById('combo1')['u.Combo'].setComboData([{value:'01',name:'男'},{value:'02',name:'女'}]); -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/close.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/2.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/3.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/4.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/5.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/6.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/7.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/8.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/9.png -------------------------------------------------------------------------------- /snippets/component/message/demo/1-base/widget.css: -------------------------------------------------------------------------------- 1 | .margin-r-10{ 2 | margin-right: 10px; 3 | } 4 | .example .u-message{ 5 | position: inherit; 6 | } -------------------------------------------------------------------------------- /snippets/global/input/demo/1-unable/widget.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /snippets/plugin/jsswitch/demo/3-size/说明.md: -------------------------------------------------------------------------------- 1 | ### 多种尺寸开关 2 | 3 | * `.u-switch-lg` - 大尺寸开关 4 | * `.u-switch-default` - 默认尺寸开关 5 | * `.u-switch-sm` - 小尺寸开关 6 | -------------------------------------------------------------------------------- /snippets/plugin/time/demo/base/widget.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
-------------------------------------------------------------------------------- /snippets/plugin/year/demo/base/widget.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
-------------------------------------------------------------------------------- /vendor/font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /vendor/font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/fonts/iconfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/fonts/iconfont.eot -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/fonts/iconfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/fonts/iconfont.ttf -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/loading.gif -------------------------------------------------------------------------------- /snippets/component/message/demo/1-darkIcon/widget.css: -------------------------------------------------------------------------------- 1 | .margin-r-10{ 2 | margin-right: 10px; 3 | } 4 | .example .u-message{ 5 | position: inherit; 6 | } -------------------------------------------------------------------------------- /vendor/font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /vendor/font-awesome/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/vendor/font-awesome/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/fonts/iconfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/fonts/iconfont.woff -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/1_open.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/1_open.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/itemcancel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/itemcancel.png -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/line_conn.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/line_conn.gif -------------------------------------------------------------------------------- /snippets/global/button/base.md: -------------------------------------------------------------------------------- 1 | ## 按钮 2 | 3 | 为button元素添加`.u-button`即可实现一个按钮。其他效果的按钮实现只需添加相应的样式。 4 | 5 | 6 | [试一试](http://tinper.org/webide/#/demos/ui/button) 7 | -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/1_close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/diy/1_close.png -------------------------------------------------------------------------------- /snippets/plugin/clockpicker/demo/base/widget.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
-------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/zTreeStandard.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/zTreeStandard.gif -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/images/zTreeStandard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/images/zTreeStandard.png -------------------------------------------------------------------------------- /snippets/component/dropdown/demo/3-colorMenuBtn/说明.md: -------------------------------------------------------------------------------- 1 | ### 不同颜色的下拉 2 | 按钮配色，不同的色彩代表不同的情感和状态。添加颜色样式类分别为`.u-button-success`、`u-button-info`、`u-button-danger`、`u-button-warning`。 3 | -------------------------------------------------------------------------------- /snippets/global/badge/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 预定义样式 2 | 使用`u-badge-primary`、`u-badge-success`、`u-badge-info`、`u-badge-warning`、`u-badge-danger`、`u-badge-dark`这七个基础类，来显示不同的颜色。 3 | -------------------------------------------------------------------------------- /snippets/global/image/demo/1-borderImg/说明.md: -------------------------------------------------------------------------------- 1 | ### 边框图片 2 | 3 | 在`img`标签上添加样式`img-bordered`即可实现一个灰色边框的图片。在上面的基础添加`img-bordered-orange`可以显示警告黄色边框，添加`img-bordered-green`实现成功绿色边框 4 | -------------------------------------------------------------------------------- /snippets/plugin/combobox/demo/base/widget.js: -------------------------------------------------------------------------------- 1 | u.compMgr.updateComp(); 2 | document.getElementById('combo1')['u.Combo'].setComboData([{value:'01',name:'男'},{value:'02',name:'女'}]); -------------------------------------------------------------------------------- /snippets/component/buttongroup/base.md: -------------------------------------------------------------------------------- 1 | ## 按钮组 2 | 3 | 样式为`u-button-group`的父元素，包裹多个样式为`u-button`的button元素 4 | 5 | 6 | 7 | [试一试](http://tinper.org/webide/#/demos/ui/buttongroup) 8 | -------------------------------------------------------------------------------- /snippets/component/buttongroup/demo/3-size/说明.md: -------------------------------------------------------------------------------- 1 | ### 多尺寸 2 | 3 | * `.u-button-group-xg` - 特大尺寸 4 | * `.u-button-group-lg` - 大尺寸 5 | * `.u-button-group-xs` - 小尺寸 6 | * 不添加样式代表默认尺寸 7 | -------------------------------------------------------------------------------- /snippets/component/navbar/demo/1-base/widget.css: -------------------------------------------------------------------------------- 1 | .u-navbar { 2 | position: relative; 3 | } 4 | 5 | #content-wrap .article-container .u-navbar li { 6 | list-style: none; 7 | } -------------------------------------------------------------------------------- /snippets/global/layout/demo/1-response-reset/说明.md: -------------------------------------------------------------------------------- 1 | ### 响应式列重置 2 | 3 | 即便有上面给出的栅格class，你也不免会碰到一些问题，例如，在某些阈值时，某些列可能会出现比别的列高的情况。为了克服这一问题，建议联合使用 `.clearfix` 和 响应式工具类（参考辅助类的响应式布局）。 4 | -------------------------------------------------------------------------------- /snippets/global/utilities/demo/1-align-centerBlock/widget.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 我是内容 4 |
5 |
-------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /docs/新增组件说明/自定义组件demo/vendor/uui/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iuap-design/tinper-neoui/HEAD/docs/新增组件说明/自定义组件demo/vendor/uui/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /snippets/global/layout/demo/2-col -nest/说明.md: -------------------------------------------------------------------------------- 1 | ### 列嵌套 2 | 3 | 为了在内容中嵌套默认的网格，请添加一个新的 `.u-row`，并在一个已有的 `.u-col-md-*` 列内添加一组 `.u-col-md-*` 列。被嵌套的行应包含一组列，这组列个数不能超过12（其实，没有要求你必须占满12列）。 4 | -------------------------------------------------------------------------------- /snippets/global/table/base.md: -------------------------------------------------------------------------------- 1 | ## 表格 2 | 3 | 表格控件提供了丰富的表格样式，其中有常用表格（u-table）、基本表格（u-table-base）、悬浮表格、边框表格、斑马线表格 4 | 5 | 常用表格：在基本表格的基础上添加了边框、表头背景色、悬浮特效。 6 | 7 | 其余表格控件样式也都是基于基本表格来实现的。 8 | -------------------------------------------------------------------------------- /snippets/global/utilities/demo/1-align-float/说明.md: -------------------------------------------------------------------------------- 1 | ### 浮动 2 | 浮动是创建各种布局的基础。但是浮动需要被清理。下面的类将帮助你设置基本的布局 3 | 4 | * `.pull-left`: 向左浮动 5 | * `.pull-right`: 向右浮动 6 | * `.clearfix`: 清除浮动 7 | -------------------------------------------------------------------------------- /snippets/component/inputgroup/base.md: -------------------------------------------------------------------------------- 1 | ## 输入框组 2 | 3 | 由input和按钮组成,按钮里可以是单纯的字体或者是checkbox、radio,还可以是下拉框 4 | 5 | #### 如何使用 6 | 7 | 添加含有`u-button-group`样式的父元素，然后包裹一个以上的类为`u-button`button元素 8 | -------------------------------------------------------------------------------- /snippets/plugin/jsprogress/demo/1-baseProgress/widget.js: -------------------------------------------------------------------------------- 1 | u.on(window, 'load', function() { 2 | 'use strict'; 3 | document.querySelector('#p1')['u.Progress'].setProgress(33); 4 | 5 | }); -------------------------------------------------------------------------------- /snippets/global/utilities/demo/2-text-transform/说明.md: -------------------------------------------------------------------------------- 1 | ### 字体大小写转换 2 | 添加如下样式即可实现文字大小写转换 3 | 4 | * `text-lowercase`: 将字母全部变成小写 5 | * `text-uppercase`: 将字母全部变成大写 6 | * `text-capitalize`: 将单词首字母大写 7 | -------------------------------------------------------------------------------- /snippets/plugin/jsswitch/demo/1-base/说明.md: -------------------------------------------------------------------------------- 1 | ### 基础开关 2 | 3 | ``元素的属性`id`值与`