swipe components

This commit is contained in:
cookfront
2017-03-15 17:25:28 +08:00
parent 12832511c9
commit cf8b8dab2d
69 changed files with 2487 additions and 58 deletions

View File

@@ -0,0 +1,87 @@
/* DO NOT EDIT!! Generated by iconfount */
/*
Animation example, for spinners
*/
.animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}

View File

@@ -0,0 +1,32 @@
/* DO NOT EDIT! Generated by iconfount */
.zan-icon-qr-invalid:before { content: '\e800'; } /* '' */
.zan-icon-qr:before { content: '\e801'; } /* '' */
.zan-icon-pay-fail:before { content: '\e802'; } /* '' */
.zan-icon-exchange:before { content: '\e803'; } /* '' */
.zan-icon-close:before { content: '\e804'; } /* '' */
.zan-icon-location:before { content: '\e805'; } /* '' */
.zan-icon-upgrade:before { content: '\e806'; } /* '' */
.zan-icon-check:before { content: '\e807'; } /* '' */
.zan-icon-checked:before { content: '\e808'; } /* '' */
.zan-icon-like-o:before { content: '\e809'; } /* '' */
.zan-icon-like:before { content: '\e80a'; } /* '' */
.zan-icon-chat:before { content: '\e80b'; } /* '' */
.zan-icon-paid:before { content: '\e80c'; } /* '' */
.zan-icon-delivered:before { content: '\e80d'; } /* '' */
.zan-icon-finished:before { content: '\e80e'; } /* '' */
.zan-icon-shop:before { content: '\e80f'; } /* '' */
.zan-icon-deliver:before { content: '\e810'; } /* '' */
.zan-icon-success:before { content: '\e811'; } /* '' */
.zan-icon-photograph:before { content: '\e812'; } /* '' */
.zan-icon-add:before { content: '\e813'; } /* '' */
.zan-icon-not-payed:before { content: '\e814'; } /* '' */
.zan-icon-add2:before { content: '\e815'; } /* '' */
.zan-icon-photo:before { content: '\e816'; } /* '' */
.zan-icon-logistics:before { content: '\e817'; } /* '' */
.zan-icon-edit:before { content: '\e818'; } /* '' */
.zan-icon-passed:before { content: '\e819'; } /* '' */
.zan-icon-cart:before { content: '\e81a'; } /* '' */
.zan-icon-arrow:before { content: '\e81b'; } /* '' */
.zan-icon-gift:before { content: '\e81c'; } /* '' */

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,32 @@
/* DO NOT EDIT! Generated by iconfount */
.zan-icon-qr-invalid { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-qr { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-pay-fail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-exchange { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-close { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-location { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-upgrade { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-checked { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-like-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-like { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-chat { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-paid { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-delivered { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-finished { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-shop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-deliver { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-success { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-photograph { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-add { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-not-payed { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-add2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-photo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-logistics { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-passed { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-cart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-arrow { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

View File

@@ -0,0 +1,43 @@
/* DO NOT EDIT! Generated by iconfount */
[class^="zan-icon-"], [class*=" zan-icon-"] {
font-family: 'zanui-icon' !important;
font-style: normal;
font-weight: normal;
/* fix buttons height */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
}
.zan-icon-qr-invalid { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-qr { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-pay-fail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-exchange { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-close { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-location { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-upgrade { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-checked { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-like-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-like { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-chat { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-paid { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-delivered { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-finished { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-shop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-deliver { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-success { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-photograph { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-add { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-not-payed { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-add2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-photo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-logistics { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-passed { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-cart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-arrow { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.zan-icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

View File

@@ -0,0 +1,88 @@
/* DO NOT EDIT! Generated by iconfount */
@font-face {
font-family: 'zanui-icon';
src: url('../font/zanui-icon-3f61f62c01.eot');
src: url('../font/zanui-icon-3f61f62c01.eot?#iefix') format('embedded-opentype'),
url('../font/zanui-icon-3f61f62c01.woff2') format('woff2'),
url('../font/zanui-icon-3f61f62c01.woff') format('woff'),
url('../font/zanui-icon-3f61f62c01.ttf') format('truetype'),
url('../font/zanui-icon-3f61f62c01.svg?#zanui-icon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'zanui-icon';
src: url('../font/zanui-icon-3f61f62c01.svg?#zanui-icon') format('svg');
}
}
*/
[class^="zan-icon-"]:before, [class*=" zan-icon-"]:before {
font-family: "zanui-icon" !important;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
/* margin-right: .2em; */
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
/* margin-left: .2em; */
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.zan-icon-qr-invalid:before { content: '\e800'; } /* '' */
.zan-icon-qr:before { content: '\e801'; } /* '' */
.zan-icon-pay-fail:before { content: '\e802'; } /* '' */
.zan-icon-exchange:before { content: '\e803'; } /* '' */
.zan-icon-close:before { content: '\e804'; } /* '' */
.zan-icon-location:before { content: '\e805'; } /* '' */
.zan-icon-upgrade:before { content: '\e806'; } /* '' */
.zan-icon-check:before { content: '\e807'; } /* '' */
.zan-icon-checked:before { content: '\e808'; } /* '' */
.zan-icon-like-o:before { content: '\e809'; } /* '' */
.zan-icon-like:before { content: '\e80a'; } /* '' */
.zan-icon-chat:before { content: '\e80b'; } /* '' */
.zan-icon-paid:before { content: '\e80c'; } /* '' */
.zan-icon-delivered:before { content: '\e80d'; } /* '' */
.zan-icon-finished:before { content: '\e80e'; } /* '' */
.zan-icon-shop:before { content: '\e80f'; } /* '' */
.zan-icon-deliver:before { content: '\e810'; } /* '' */
.zan-icon-success:before { content: '\e811'; } /* '' */
.zan-icon-photograph:before { content: '\e812'; } /* '' */
.zan-icon-add:before { content: '\e813'; } /* '' */
.zan-icon-not-payed:before { content: '\e814'; } /* '' */
.zan-icon-add2:before { content: '\e815'; } /* '' */
.zan-icon-photo:before { content: '\e816'; } /* '' */
.zan-icon-logistics:before { content: '\e817'; } /* '' */
.zan-icon-edit:before { content: '\e818'; } /* '' */
.zan-icon-passed:before { content: '\e819'; } /* '' */
.zan-icon-cart:before { content: '\e81a'; } /* '' */
.zan-icon-arrow:before { content: '\e81b'; } /* '' */
.zan-icon-gift:before { content: '\e81c'; } /* '' */