diff --git a/Progress.html b/Progress.html
new file mode 100644
index 0000000..b79a0f6
--- /dev/null
+++ b/Progress.html
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
默认:
+
+
插件默认:
+
+
皮肤primary:
+
+
皮肤success:
+
+
皮肤info:
+
+
皮肤warning:
+
+
皮肤danger:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/aside.html b/aside.html
new file mode 100644
index 0000000..70576d9
--- /dev/null
+++ b/aside.html
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 请在开发者模式下模拟触摸!
+
+
+ 左侧弹出
+
+
+ 右侧弹出
+
+
+
+ 顶部弹出
+
+
+ 底部弹出
+
+
回到首页
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/blockquote.html b/blockquote.html
new file mode 100644
index 0000000..1388bf3
--- /dev/null
+++ b/blockquote.html
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
引用块
+
+
+ 这是一个blockquote块,提示用的!
+
+
+ 默认是主色调,但是你可以引用normal来清除掉,实现用辅助色样式
+
+
+ 不同颜色的 blockquote-primary
+
+
+ 不同颜色的 blockquote-success
+
+
+ 不同颜色的 blockquote-info
+
+
+ 不同颜色的 blockquote-warning
+
+
+ 不同颜色的 blockquote-danger
+
+
下划线
+
细线
+
+
粗线
+
+
+ 实际意义中,粗的下划线并不是各个屏幕下都加粗的,而是在渲染过程中,最小只能渲染一像素,所以在屏幕小得情况下,粗线和细线是相同的。
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/button.html b/button.html
new file mode 100644
index 0000000..b188eab
--- /dev/null
+++ b/button.html
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 按钮
+ 按钮
+ 按钮
+ 按钮
+ 按钮
+
+
+
+
+
+
+ 下拉导航组件
+
+
+
+ -
+ 首页
+
+ -
+ 关于我们
+
+ -
+ 新闻中心
+
+ -
+ 产品中心
+
+ -
+ 联系我们
+
+
+
+
+
+ 下拉导航组件
+
+
+
+ -
+ 首页
+
+ -
+ 关于我们
+
+ -
+ 新闻中心
+
+ -
+ 产品中心
+
+ -
+ 联系我们
+
+
+
+
+
+
+
+ 首页
+ <
+ 1
+ >
+ 尾页
+
+
+
+ 按钮
+ 按钮
+ 按钮
+
+
+ 按钮
+
+
+
+ tag
+ tag-primary
+ tag-success
+ tag-info
+ tag-warning
+ tag-danger
+
+
+
+
\ No newline at end of file
diff --git a/comment.html b/comment.html
new file mode 100644
index 0000000..3151e7c
--- /dev/null
+++ b/comment.html
@@ -0,0 +1,211 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/css/miniMobile.css b/css/miniMobile.css
new file mode 100644
index 0000000..b0bb345
--- /dev/null
+++ b/css/miniMobile.css
@@ -0,0 +1,5 @@
+/*
+ * minimobile.css v0.0.1 by chenyaowen
+ * 在保留作者签名的情况下,允许使用与商业用途
+ */
+*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif}a{text-decoration:none;color:#666;cursor:pointer}body{overflow-x:hidden}img{vertical-align:middle;border:none}li{list-style:none}.fl{float:left}.fr{float:right}.fn{float:none}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.t-c{text-align:center}.t-l{text-align:left}.t-r{text-align:right}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-h{overflow:hidden}.o-s{overflow:scroll}.o-v{overflow:visible}.t-c-v{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.f0{font-size:0}.f28{font-size:.28rem}.f30{font-size:.3rem}.f32{font-size:.32rem}.f34{font-size:.34rem}.f36{font-size:.36rem}.f38{font-size:.38rem}.f40{font-size:.4rem}.f42{font-size:.42rem}.f44{font-size:.44rem}.f46{font-size:.46rem}.f48{font-size:.48rem}.f50{font-size:.5rem}.f52{font-size:.52rem}.f54{font-size:.54rem}.f56{font-size:.56rem}.f58{font-size:.58rem}.f60{font-size:.6rem}.color1{color:#e4393c}.color2{color:#222}.color3{color:#666}.color4{color:#999}.color5{color:#d7d7d7}.color6{color:#f3f5f7}.color7{color:#f8f8f8}.color8{color:#fff}.color-primary{color:#1ab394}.color-success{color:#1c84c6}.color-info{color:#23c6c8}.color-warning{color:#f8ac59}.color-danger{color:#ed5565}.bg-color1{background-color:#e4393c}.bg-color2{background-color:#222}.bg-color3{background-color:#666}.bg-color4{background-color:#999}.bg-color5{background-color:#d7d7d7}.bg-color6{background-color:#f3f5f7}.bg-color7{background-color:#f8f8f8}.bg-color8{background-color:#fff}.bg-color-primary{background-color:#1ab394}.bg-color-success{background-color:#1c84c6}.bg-color-info{background-color:#23c6c8}.bg-color-warning{background-color:#f8ac59}.bg-color-danger{background-color:#ed5565}hr{border:none;border-bottom:.01rem solid #d7d7d7}hr.lg{border-bottom:.03rem solid #d7d7d7}.w1{width:.1rem}.h1{height:.1rem}.w2{width:.2rem}.h2{height:.2rem}.w3{width:.3rem}.h3{height:.3rem}.w4{width:.4rem}.h4{height:.4rem}.w5{width:.5rem}.h5{height:.5rem}.w6{width:.6rem}.h6{height:.6rem}.w7{width:.7rem}.h7{height:.7rem}.w8{width:.8rem}.h8{height:.8rem}.w9{width:.9rem}.h9{height:.9rem}.w10{width:1rem}.h10{height:1rem}.w11{width:1.1rem}.h11{height:1.1rem}.w12{width:1.2rem}.h12{height:1.2rem}.w13{width:1.3rem}.h13{height:1.3rem}.w14{width:1.4rem}.h14{height:1.4rem}.w15{width:1.5rem}.h15{height:1.5rem}.w16{width:1.6rem}.h16{height:1.6rem}.w17{width:1.7rem}.h17{height:1.7rem}.w18{width:1.8rem}.h18{height:1.8rem}.w19{width:1.9rem}.h19{height:1.9rem}.w20{width:2rem}.h20{height:2rem}.w21{width:2.1rem}.h21{height:2.1rem}.w22{width:2.2rem}.h22{height:2.2rem}.w23{width:2.3rem}.h23{height:2.3rem}.w24{width:2.4rem}.h24{height:2.4rem}.w25{width:2.5rem}.h25{height:2.5rem}.w26{width:2.6rem}.h26{height:2.6rem}.w27{width:2.7rem}.h27{height:2.7rem}.w28{width:2.8rem}.h28{height:2.8rem}.w29{width:2.9rem}.h29{height:2.9rem}.w30{width:3rem}.h30{height:3rem}.w31{width:3.1rem}.h31{height:3.1rem}.w32{width:3.2rem}.h32{height:3.2rem}.w33{width:3.3rem}.h33{height:3.3rem}.w34{width:3.4rem}.h34{height:3.4rem}.w35{width:3.5rem}.h35{height:3.5rem}.w36{width:3.6rem}.h36{height:3.6rem}.w37{width:3.7rem}.h37{height:3.7rem}.w38{width:3.8rem}.h38{height:3.8rem}.w39{width:3.9rem}.h39{height:3.9rem}.w40{width:4rem}.h40{height:4rem}.w41{width:4.1rem}.h41{height:4.1rem}.w42{width:4.2rem}.h42{height:4.2rem}.w43{width:4.3rem}.h43{height:4.3rem}.w44{width:4.4rem}.h44{height:4.4rem}.w45{width:4.5rem}.h45{height:4.5rem}.w46{width:4.6rem}.h46{height:4.6rem}.w47{width:4.7rem}.h47{height:4.7rem}.w48{width:4.8rem}.h48{height:4.8rem}.w49{width:4.9rem}.h49{height:4.9rem}.w50{width:5rem}.h50{height:5rem}.w51{width:5.1rem}.h51{height:5.1rem}.w52{width:5.2rem}.h52{height:5.2rem}.w53{width:5.3rem}.h53{height:5.3rem}.w54{width:5.4rem}.h54{height:5.4rem}.w55{width:5.5rem}.h55{height:5.5rem}.w56{width:5.6rem}.h56{height:5.6rem}.w57{width:5.7rem}.h57{height:5.7rem}.w58{width:5.8rem}.h58{height:5.8rem}.w59{width:5.9rem}.h59{height:5.9rem}.w60{width:6rem}.h60{height:6rem}.w61{width:6.1rem}.h61{height:6.1rem}.w62{width:6.2rem}.h62{height:6.2rem}.w63{width:6.3rem}.h63{height:6.3rem}.w64{width:6.4rem}.h64{height:6.4rem}.w65{width:6.5rem}.h65{height:6.5rem}.w66{width:6.6rem}.h66{height:6.6rem}.w67{width:6.7rem}.h67{height:6.7rem}.w68{width:6.8rem}.h68{height:6.8rem}.w69{width:6.9rem}.h69{height:6.9rem}.w70{width:7rem}.h70{height:7rem}.w71{width:7.1rem}.h71{height:7.1rem}.w72{width:7.2rem}.h72{height:7.2rem}.w73{width:7.3rem}.h73{height:7.3rem}.w74{width:7.4rem}.h74{height:7.4rem}.w75{width:7.5rem}.h75{height:7.5rem}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left;display:inline-block}.col-1{width:calc(8.33333333%)}.col-2{width:calc(16.66666667%)}.col-3{width:calc(25%)}.col-4{width:calc(33.33333333%)}.col-5{width:calc(41.66666667%)}.col-6{width:calc(50%)}.col-7{width:calc(58.33333333%)}.col-8{width:calc(66.66666667%)}.col-9{width:calc(75%)}.col-10{width:calc(83.33333333%)}.col-11{width:calc(91.66666667%)}.col-12{width:calc(100%)}.m1{margin:.1rem}.p1{padding:.1rem}.m2{margin:.2rem}.p2{padding:.2rem}.m3{margin:.3rem}.p3{padding:.3rem}.m4{margin:.4rem}.p4{padding:.4rem}.m5{margin:.5rem}.p5{padding:.5rem}.m6{margin:.6rem}.p6{padding:.6rem}.m7{margin:.7rem}.p7{padding:.7rem}.m8{margin:.8rem}.p8{padding:.8rem}.m9{margin:.9rem}.p9{padding:.9rem}.m10{margin:1rem}.p10{padding:1rem}.m11{margin:1.1rem}.p11{padding:1.1rem}.m12{margin:1.2rem}.p12{padding:1.2rem}.ml1{margin-left:.1rem}.mr1{margin-right:.1rem}.mt1{margin-top:.1rem}.mb1{margin-bottom:.1rem}.pl1{padding-left:.1rem}.pr1{padding-right:.1rem}.pt1{padding-top:.1rem}.pb1{padding-bottom:.1rem}.ml2{margin-left:.2rem}.mr2{margin-right:.2rem}.mt2{margin-top:.2rem}.mb2{margin-bottom:.2rem}.pl2{padding-left:.2rem}.pr2{padding-right:.2rem}.pt2{padding-top:.2rem}.pb2{padding-bottom:.2rem}.ml3{margin-left:.3rem}.mr3{margin-right:.3rem}.mt3{margin-top:.3rem}.mb3{margin-bottom:.3rem}.pl3{padding-left:.3rem}.pr3{padding-right:.3rem}.pt3{padding-top:.3rem}.pb3{padding-bottom:.3rem}.ml4{margin-left:.4rem}.mr4{margin-right:.4rem}.mt4{margin-top:.4rem}.mb4{margin-bottom:.4rem}.pl4{padding-left:.4rem}.pr4{padding-right:.4rem}.pt4{padding-top:.4rem}.pb4{padding-bottom:.4rem}.ml5{margin-left:.5rem}.mr5{margin-right:.5rem}.mt5{margin-top:.5rem}.mb5{margin-bottom:.5rem}.pl5{padding-left:.5rem}.pr5{padding-right:.5rem}.pt5{padding-top:.5rem}.pb5{padding-bottom:.5rem}.ml6{margin-left:.6rem}.mr6{margin-right:.6rem}.mt6{margin-top:.6rem}.mb6{margin-bottom:.6rem}.pl6{padding-left:.6rem}.pr6{padding-right:.6rem}.pt6{padding-top:.6rem}.pb6{padding-bottom:.6rem}.ml7{margin-left:.7rem}.mr7{margin-right:.7rem}.mt7{margin-top:.7rem}.mb7{margin-bottom:.7rem}.pl7{padding-left:.7rem}.pr7{padding-right:.7rem}.pt7{padding-top:.7rem}.pb7{padding-bottom:.7rem}.ml8{margin-left:.8rem}.mr8{margin-right:.8rem}.mt8{margin-top:.8rem}.mb8{margin-bottom:.8rem}.pl8{padding-left:.8rem}.pr8{padding-right:.8rem}.pt8{padding-top:.8rem}.pb8{padding-bottom:.8rem}.ml9{margin-left:.9rem}.mr9{margin-right:.9rem}.mt9{margin-top:.9rem}.mb9{margin-bottom:.9rem}.pl9{padding-left:.9rem}.pr9{padding-right:.9rem}.pt9{padding-top:.9rem}.pb9{padding-bottom:.9rem}.ml10{margin-left:1rem}.mr10{margin-right:1rem}.mt10{margin-top:1rem}.mb10{margin-bottom:1rem}.pl10{padding-left:1rem}.pr10{padding-right:1rem}.pt10{padding-top:1rem}.pb10{padding-bottom:1rem}.ml11{margin-left:1.1rem}.mr11{margin-right:1.1rem}.mt11{margin-top:1.1rem}.mb11{margin-bottom:1.1rem}.pl11{padding-left:1.1rem}.pr11{padding-right:1.1rem}.pt11{padding-top:1.1rem}.pb11{padding-bottom:1.1rem}.ml12{margin-left:1.2rem}.mr12{margin-right:1.2rem}.mt12{margin-top:1.2rem}.mb12{margin-bottom:1.2rem}.pl12{padding-left:1.2rem}.pr12{padding-right:1.2rem}.pt12{padding-top:1.2rem}.pb12{padding-bottom:1.2rem}.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#e4393c;cursor:pointer;color:#fff;border:1px solid #e4393c}.btn:active,.btn:hover{background-color:#ce1c1f;border-color:#ce1c1f}.btn.disable,.btn[disabled=disabled]{background-color:#999!important;border-color:#999!important;cursor:default}.btn-primary{background-color:#1ab394;border-color:#1ab394}.btn-primary:active,.btn-primary:hover{background-color:#14866f;border-color:#14866f}.btn-success{background-color:#1c84c6;border-color:#1c84c6}.btn-success:active,.btn-success:hover{background-color:#166699;border-color:#166699}.btn-info{background-color:#23c6c8;border-color:#23c6c8}.btn-info:active,.btn-info:hover{background-color:#1b9b9d;border-color:#1b9b9d}.btn-warning{background-color:#f8ac59;border-color:#f8ac59}.btn-warning:active,.btn-warning:hover{background-color:#f69428;border-color:#f69428}.btn-danger{background-color:#ed5565;border-color:#ed5565}.btn-danger:active,.btn-danger:hover{background-color:#e8273b;border-color:#e8273b}.btn-select{position:relative;border:none}.btn-select .btn-select-list{position:absolute;left:0;top:100%;width:100%;line-height:2.4em;border-top:1px solid #fff;display:none}.btn-select .btn-select-list li,.btn-select .btn-select-list li a{color:#fff;display:block;width:100%;height:100%;cursor:pointer}.btn-select .btn-select-list li a:hover,.btn-select .btn-select-list li:hover{background:rgba(0,0,0,.1)}.tag{background-color:#e4393c;padding:.01rem .1rem;border-radius:.05rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-primary{background-color:#1ab394}.tag-success{background-color:#1c84c6}.tag-info{background-color:#23c6c8}.tag-warning{background-color:#f8ac59}.tag-danger{background-color:#ed5565}.form-control{border:1px solid #d7d7d7;resize:none;padding:.1rem .2rem;vertical-align:middle;font:inherit;font-size:inherit}.form-control:focus{border-color:#999}.ui-checkbox,.ui-radio{cursor:pointer;width:.35rem;height:.35rem;display:inline-block;vertical-align:middle;border:.01rem solid #999;margin-right:.05rem;margin-top:-.05rem;border-radius:20%;text-align:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.ui-checkbox.checked,.ui-radio.checked{background-color:#e4393c;border-color:#e4393c}.ui-checkbox.checked:after,.ui-radio.checked:after{content:'';display:inline-block;width:20%;height:40%;margin-top:-5%;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(30deg)}.ui-radio{border-radius:50%}.ui-checkbox.disabled,.ui-radio.disabled{opacity:.3;cursor:default}.check-primary.checked{background-color:#1ab394;border-color:#1ab394}.check-success.checked{background-color:#1c84c6;border-color:#1c84c6}.check-info.checked{background-color:#23c6c8;border-color:#23c6c8}.check-warning.checked{background-color:#f8ac59;border-color:#f8ac59}.check-danger.checked{background-color:#ed5565;border-color:#ed5565}.ui-selectBox{display:inline-block;border:1px solid #d7d7d7;height:.62rem;line-height:.6rem;padding:0;position:relative;overflow:hidden}.ui-selectBox input{float:left;display:block;position:absolute;padding-left:.5em;top:0;width:100%;height:100%;line-height:.6rem;border:none}.ui-selectBox i.icon{float:right;display:inline-block;width:1em;position:absolute;right:.5em;top:0}.ui-selectBox .box{position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer}blockquote{padding:.1rem .2rem;border-left:.05rem solid #e4393c;color:#666}.blockquote-primary{border-color:#1ab394}.blockquote-success{border-color:#1c84c6}.blockquote-info{border-color:#23c6c8}.blockquote-warning{border-color:#f8ac59}.blockquote-danger{border-color:#ed5565}blockquote.normal{border-color:#999}.radius0{border-radius:0}.radius5{border-radius:.05rem}.radius10{border-radius:.1rem}.radius15{border-radius:.15rem}.radius20{border-radius:.2rem}.radius-o{border-radius:50%}table{border-collapse:collapse;border-spacing:0;border:0 solid gray}td,th{border:1px solid #ccc;padding:2px 15px}th{background:#f1f1f1}.ui-title{line-height:1.8em;border-bottom:.01rem solid #d7d7d7;font-weight:400}.ui-header{line-height:.8rem}.ui-header-l,.ui-header-r{cursor:pointer}.ui-aside{position:fixed;top:-99999rem;bottom:-99999rem;z-index:99}.ui-aside-mask{position:fixed;left:0;top:0;bottom:0;right:0;z-index:98;background:rgba(0,0,0,.5);opacity:0}.ui-btnlist .btn{float:left}.ui-btnlist .btn:first-child{border-radius:.05rem 0 0 .05rem}.ui-btnlist .btn:last-child{border-radius:0 .05rem .05rem 0}.ui-progressBox{overflow:hidden;height:20px;background:#fff;border:1px solid #d7d7d7;border-radius:10px}.ui-progressBox progress{transform:translateX(120%)}.ui-progressBox .progress-content{display:block;height:100%;border:2px solid #fff;border-radius:8px;background-color:#e4393c;min-width:16px;width:0}.ui-progressBox .progress-content.primary{background-color:#1ab394}.ui-progressBox .progress-content.success{background-color:#1c84c6}.ui-progressBox .progress-content.info{background-color:#23c6c8}.ui-progressBox .progress-content.warning{background-color:#f8ac59}.ui-progressBox .progress-content.danger{background-color:#ed5565}
\ No newline at end of file
diff --git a/css/miniMobile.less b/css/miniMobile.less
new file mode 100644
index 0000000..38e2669
--- /dev/null
+++ b/css/miniMobile.less
@@ -0,0 +1,688 @@
+/*
+ * minimobile.less v0.0.1 by chenyaowen
+ * 在保留作者签名的情况下,允许使用与商业用途
+ */
+//颜色变量
+@color1: #e4393c; //点睛色,按钮着色,icon着色,特殊强调的文字
+@color2: #222; //重要颜色,导航名称,板块标题,类目名称
+@color3: #666; //普通段落信息,引导词
+@color4: #999; //辅助,次要文字,按钮描边,按钮灰色背景,默认blockquote颜色
+@color5: #d7d7d7; //分割线,标签描边
+@color6: #f3f5f7; //区域底色1
+@color7: #f8f8f8; //区域底色2
+@color8: #fff; //默认白色,通常很多地方采用,请勿修改
+@color-primary: #1ab394;
+@color-success: #1c84c6;
+@color-info: #23c6c8;
+@color-warning: #f8ac59;
+@color-danger: #ed5565;
+@font: -apple-system,
+BlinkMacSystemFont,
+"PingFang SC",
+"Helvetica Neue",
+STHeiti,
+"Microsoft Yahei",
+Tahoma,
+Simsun,
+sans-serif;
+@size-loop-n: 75; //栅格化等份值
+@spacing-loop-n: 12; //内外边距最大等份值
+@percentage-loop-n: 12; //百分比栅格数
+@fontsize-min: 28; //字体最小值,单位像素
+@fontsize-max: 60; //字体最大值,单位像素
+//清除默认样式
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: @font;
+}
+
+a {
+ text-decoration: none;
+ color: @color3;
+ cursor: pointer;
+}
+
+body {
+ overflow-x: hidden;
+}
+
+img {
+ vertical-align: middle;
+ border: none;
+}
+
+li {
+ list-style: none;
+}
+
+//浮动
+.fl {
+ float: left;
+}
+
+.fr {
+ float: right;
+}
+
+.fn {
+ float: none;
+}
+
+.clearfix:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden
+}
+
+//文本对其
+.t-c {
+ text-align: center;
+}
+
+.t-l {
+ text-align: left;
+}
+
+.t-r {
+ text-align: right;
+}
+
+.nowrap {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.o-h {
+ overflow: hidden;
+}
+
+.o-s {
+ overflow: scroll;
+}
+
+.o-v {
+ overflow: visible;
+}
+
+
+/* 文本垂直居中 */
+
+.t-c-v {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+}
+
+//字体大小
+.f0 {
+ font-size: 0;
+}
+
+.font-size(@n, @i) when(@i <=@n) {
+ .f@{i} {
+ font-size: @i/100rem;
+ }
+ .font-size(@n, (@i+2));
+}
+
+.font-size(@fontsize-max, @fontsize-min);
+//颜色
+.color1 {
+ color: @color1;
+}
+
+.color2 {
+ color: @color2;
+}
+
+.color3 {
+ color: @color3;
+}
+
+.color4 {
+ color: @color4;
+}
+
+.color5 {
+ color: @color5;
+}
+
+.color6 {
+ color: @color6;
+}
+
+.color7 {
+ color: @color7;
+}
+
+.color8 {
+ color: @color8;
+}
+
+.color-primary {
+ color: @color-primary;
+}
+
+.color-success {
+ color: @color-success;
+}
+
+.color-info {
+ color: @color-info;
+}
+
+.color-warning {
+ color: @color-warning;
+}
+
+.color-danger {
+ color: @color-danger;
+}
+
+//背景色
+.bg-color1 {
+ background-color: @color1;
+}
+
+.bg-color2 {
+ background-color: @color2;
+}
+
+.bg-color3 {
+ background-color: @color3;
+}
+
+.bg-color4 {
+ background-color: @color4;
+}
+
+.bg-color5 {
+ background-color: @color5;
+}
+
+.bg-color6 {
+ background-color: @color6;
+}
+
+.bg-color7 {
+ background-color: @color7;
+}
+
+.bg-color8 {
+ background-color: @color8;
+}
+
+.bg-color-primary {
+ background-color: @color-primary;
+}
+
+.bg-color-success {
+ background-color: @color-success;
+}
+
+.bg-color-info {
+ background-color: @color-info;
+}
+
+.bg-color-warning {
+ background-color: @color-warning;
+}
+
+.bg-color-danger {
+ background-color: @color-danger;
+}
+
+//下划线
+hr {
+ border: none;
+ border-bottom: 0.01rem solid @color5;
+}
+
+hr.lg {
+ border-bottom: 0.03rem solid @color5;
+}
+
+//栅格化
+.size-loop(@n, @i) when(@i <=@n) {
+ .w@{i} {
+ width: @i/10rem
+ }
+ .h@{i} {
+ height: @i/10rem
+ }
+ .size-loop(@n, (@i+1));
+}
+
+.size-loop(@size-loop-n, 1);
+//12栏栅格
+.col-1,
+.col-2,
+.col-3,
+.col-4,
+.col-5,
+.col-6,
+.col-7,
+.col-8,
+.col-9,
+.col-10,
+.col-11,
+.col-12 {
+ float: left;
+ display: inline-block
+}
+
+.size-loop2(@n, @i) when(@i <=@n) {
+ .col-@{i} {
+ width: calc(100%/@n * @i)
+ }
+ .size-loop2(@n, (@i+1));
+}
+
+.size-loop2(@percentage-loop-n, 1);
+//间距
+.spacing-loop-short(@n, @i) when(@i <=@n) {
+ .m@{i} {
+ margin: @i/10rem;
+ }
+ .p@{i} {
+ padding: @i/10rem;
+ }
+ .spacing-loop-short(@n, (@i+1));
+}
+
+.spacing-loop-short(@spacing-loop-n, 1);
+.spacing-loop(@n, @i) when(@i <=@n) {
+ .ml@{i} {
+ margin-left: @i/10rem;
+ }
+ .mr@{i} {
+ margin-right: @i/10rem;
+ }
+ .mt@{i} {
+ margin-top: @i/10rem;
+ }
+ .mb@{i} {
+ margin-bottom: @i/10rem;
+ }
+ .pl@{i} {
+ padding-left: @i/10rem;
+ }
+ .pr@{i} {
+ padding-right: @i/10rem;
+ }
+ .pt@{i} {
+ padding-top: @i/10rem;
+ }
+ .pb@{i} {
+ padding-bottom: @i/10rem;
+ }
+ .spacing-loop(@n, (@i+1));
+}
+
+.spacing-loop(@spacing-loop-n, 1);
+//按钮
+.btn {
+ .t-c-v;
+ background-color: @color1;
+ cursor: pointer;
+ color: #fff;
+ border: 1px solid @color1;
+ &:hover,
+ &:active {
+ background-color: darken(@color1, 10%);
+ border-color: darken(@color1, 10%);
+ }
+}
+
+.btn.disable,
+.btn[disabled=disabled] {
+ background-color: @color4 !important;
+ border-color: @color4 !important;
+ cursor: default;
+}
+
+.btn-fun(@name, @thiscolor) {
+ .btn-@{name} {
+ background-color: @thiscolor;
+ border-color: @thiscolor;
+ &:hover,
+ &:active {
+ background-color: darken(@thiscolor, 10%);
+ border-color: darken(@thiscolor, 10%);
+ }
+ }
+}
+
+.btn-fun(primary, @color-primary);
+.btn-fun(success, @color-success);
+.btn-fun(info, @color-info);
+.btn-fun(warning, @color-warning);
+.btn-fun(danger, @color-danger);
+//下拉按钮
+.btn-select {
+ position: relative;
+ border: none;
+ .btn-select-list {
+ position: absolute;
+ left: 0;
+ top: 100%;
+ width: 100%;
+ line-height: 2.4em;
+ border-top: 1px solid #fff;
+ display: none;
+ li,
+ li a {
+ color: #fff;
+ display: block;
+ width: 100%;
+ height: 100%;
+ cursor: pointer;
+ &:hover {
+ background: rgba(0, 0, 0, .1);
+ }
+ }
+ }
+}
+
+//状态
+.tag {
+ background-color: @color1;
+ padding: 0.01rem 0.1rem;
+ border-radius: 0.05rem;
+ color: #fff;
+ .nowrap
+}
+
+.tag-fun(@name, @thiscolor) {
+ .tag-@{name} {
+ background-color: @thiscolor;
+ }
+}
+
+.tag-fun(primary, @color-primary);
+.tag-fun(success, @color-success);
+.tag-fun(info, @color-info);
+.tag-fun(warning, @color-warning);
+.tag-fun(danger, @color-danger);
+//表单组件
+.form-control {
+ border: 1px solid @color5;
+ resize: none;
+ padding: 0.1rem 0.2rem;
+ vertical-align: middle;
+ font: inherit;
+ font-size: inherit;
+}
+
+.form-control:focus {
+ border-color: @color4;
+}
+
+.ui-checkbox,
+.ui-radio {
+ cursor: pointer;
+ width: 0.35rem;
+ height: 0.35rem;
+ display: inline-block;
+ vertical-align: middle;
+ border: 0.01rem solid @color4;
+ margin-right: 0.05rem;
+ margin-top: -0.05rem;
+ border-radius: 20%;
+ text-align: center;
+ .t-c-v;
+}
+
+.ui-checkbox.checked,
+.ui-radio.checked {
+ background-color: @color1;
+ border-color: @color1;
+}
+
+.ui-checkbox.checked:after,
+.ui-radio.checked:after {
+ content: '';
+ display: inline-block;
+ width: 20%;
+ height: 40%;
+ margin-top: -5%;
+ border-bottom: 2px solid #fff;
+ border-right: 2px solid #fff;
+ transform: rotate(30deg);
+}
+
+.ui-radio {
+ border-radius: 50%;
+}
+
+.ui-radio.disabled,
+.ui-checkbox.disabled {
+ opacity: 0.3;
+ cursor: default;
+}
+
+.check-fun(@name, @thiscolor) {
+ .check-@{name}.checked {
+ background-color: @thiscolor;
+ border-color: @thiscolor;
+ }
+}
+
+.check-fun(primary, @color-primary);
+.check-fun(success, @color-success);
+.check-fun(info, @color-info);
+.check-fun(warning, @color-warning);
+.check-fun(danger, @color-danger);
+//下拉按钮
+.ui-selectBox {
+ display: inline-block;
+ border: 1px solid @color5;
+ height: 0.62rem;
+ line-height: 0.6rem;
+ padding: 0;
+ position: relative;
+ overflow: hidden;
+ input {
+ float: left;
+ display: block;
+ position: absolute;
+ padding-left: 0.5em;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ line-height: 0.6rem;
+ border: none;
+ }
+ i.icon {
+ float: right;
+ display: inline-block;
+ width: 1em;
+ position: absolute;
+ right: 0.5em;
+ top: 0;
+ }
+ .box {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ cursor: pointer;
+ }
+}
+
+//引用
+blockquote {
+ padding: 0.1rem 0.2rem;
+ border-left: 0.05rem solid @color1;
+ color: #666;
+}
+
+.blockquote-primary {
+ border-color: #1ab394;
+}
+
+.blockquote-success {
+ border-color: #1c84c6;
+}
+
+.blockquote-info {
+ border-color: #23c6c8
+}
+
+.blockquote-warning {
+ border-color: #f8ac59
+}
+
+.blockquote-danger {
+ border-color: #ed5565
+}
+
+blockquote.normal {
+ border-color: @color4;
+}
+
+//圆角
+.radius0 {
+ border-radius: 0;
+}
+
+.radius5 {
+ border-radius: 0.05rem;
+}
+
+.radius10 {
+ border-radius: 0.1rem;
+}
+
+.radius15 {
+ border-radius: 0.15rem;
+}
+
+.radius20 {
+ border-radius: 0.2rem;
+}
+
+.radius-o {
+ border-radius: 50%;
+}
+
+//table
+table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ border: 0px solid gray;
+}
+
+td,
+th {
+ border: 1px solid #ccc;
+ padding: 2px 15px;
+}
+
+th {
+ background: #f1f1f1;
+}
+
+
+/*
+ * 以下是公用的东西
+ */
+
+.ui-title {
+ line-height: 1.8em;
+ border-bottom: 0.01rem solid @color5;
+ font-weight: normal;
+}
+
+//公用头部
+.ui-header {
+ line-height: 0.8rem;
+}
+
+.ui-header-l,
+.ui-header-r {
+ cursor: pointer;
+}
+
+//侧栏
+.ui-aside {
+ position: fixed;
+ top: -99999rem;
+ bottom: -99999rem;
+ z-index: 99;
+}
+
+.ui-aside-mask {
+ position: fixed;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ z-index: 98;
+ background: rgba(0, 0, 0, 0.5);
+ opacity: 0;
+}
+
+//按钮组
+.ui-btnlist .btn {
+ float: left;
+}
+
+.ui-btnlist .btn:first-child {
+ border-radius: .05rem 0 0 .05rem;
+}
+
+.ui-btnlist .btn:last-child {
+ border-radius: 0 .05rem .05rem 0;
+}
+
+//进度条
+.ui-progressBox {
+ overflow: hidden;
+ height: 20px;
+ background: #fff;
+ border: 1px solid @color5;
+ border-radius: 10px;
+ progress {
+ transform: translateX(120%);
+ }
+ .progress-content {
+ display: block;
+ height: 100%;
+ border: 2px solid #fff;
+ border-radius: 8px;
+ background-color: @color1;
+ min-width: 16px;
+ width: 0;
+ &.primary {
+ background-color: @color-primary;
+ }
+ &.success {
+ background-color: @color-success;
+ }
+ &.info {
+ background-color: @color-info;
+ }
+ &.warning {
+ background-color: @color-warning;
+ }
+ &.danger {
+ background-color: @color-danger;
+ }
+ }
+}
\ No newline at end of file
diff --git a/flow.html b/flow.html
new file mode 100644
index 0000000..7ceafa9
--- /dev/null
+++ b/flow.html
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ myflow.js
+
+
一只简单实用的响应式瀑布流插件!
+
+
+
+ 点击加载
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/foldingPanel.html b/foldingPanel.html
new file mode 100644
index 0000000..69271a7
--- /dev/null
+++ b/foldingPanel.html
@@ -0,0 +1,307 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 普通折叠面板
+
+
+ - 讲一个笑话
+ - 明天爸爸生日,我问老公带点什么礼物回去?老公想了想说:“就带着我们最真诚的祝福吧。”我。。。
+
+
+ - 学姐你冷吗
+ - 大一时,有个学弟追我,在室友的起哄下,我和他出去看了一场电影。那时候是初冬,进场的时候不太冷,看完电影出来有点冷,学弟可能看出来了,问我:学姐,很冷吗?然后拉开他的羽绒服拉链,在我以为他要把衣服给我的时候,他对我说:你看,我都穿保暖衣了……
+
+
+ - 这是为什么
+ - 突然想到一个问题:西游记中玉帝只有十万天兵天将,而天蓬元帅有八十万天河水军,天蓬元帅为什么不反玉帝自己做玉帝呢?哥们儿一句话:因为八十万是水军。
+
+
+ - 什么情况
+ - 想吃火腿肠了,不过我在看电视,懒得动,懒得去拿,就喊老公:老公,我想吃火腿肠,帮我拿一根。 结果这货很激动地直接过来了……
+
+
+
+ 普通表格
+
+
+
+ 名字 |
+ 语文 |
+ 数学 |
+ 英语 |
+ 化学 |
+ 生物 |
+ 物理 |
+ 地理 |
+ 历史 |
+ 总分 |
+
+
+ 刘全蛋 |
+ 88分 |
+ 59分 |
+ 90分 |
+ 10分 |
+ 69分 |
+ 100分 |
+ 70分 |
+ 90分 |
+ 490分 |
+
+
+ 李大嘴 |
+ 88分 |
+ 59分 |
+ 90分 |
+ 10分 |
+ 69分 |
+ 100分 |
+ 70分 |
+ 90分 |
+ 490分 |
+
+
+ 郭芙蓉 |
+ 88分 |
+ 59分 |
+ 90分 |
+ 10分 |
+ 69分 |
+ 100分 |
+ 70分 |
+ 90分 |
+ 490分 |
+
+
+
+
+ 使用面板代替table表格
+
+
+ - 考试成绩表
+
+
+ - 张一毛
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+ - 刘全蛋
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+ - 李大嘴
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+ - 郭芙蓉
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/font.html b/font.html
new file mode 100644
index 0000000..52e88eb
--- /dev/null
+++ b/font.html
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+ 字体排版
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 文字排版
+
+
中国的文字很有意思!
+
Chinese characters are very interesting
+
+
+
+
color1
+
color2
+
color3
+
color4
+
color5
+
color6
+
color7
+
color8
+
color-success
+
color-primary
+
color-info
+
color-warning
+
color-warning
+
--
+
+ 字体大小表
+
+
字体大小
+
字体大小
+
字体大小
+
字体大小
+
字体大小
+
字体大小
+
字体大小
+
字体大小
+
字体大小
+
--
+
+
+
+
+
\ No newline at end of file
diff --git a/form.html b/form.html
new file mode 100644
index 0000000..31657f2
--- /dev/null
+++ b/form.html
@@ -0,0 +1,218 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/fullWinodwPage.html b/fullWinodwPage.html
new file mode 100644
index 0000000..60bd4f0
--- /dev/null
+++ b/fullWinodwPage.html
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+
+
+
+
+ 全屏切换
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 全屏切换基于swiper插件
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/grid.html b/grid.html
new file mode 100644
index 0000000..dc5df3a
--- /dev/null
+++ b/grid.html
@@ -0,0 +1,114 @@
+
+
+
+
+
+
+
+
+
+
+ 栅格化
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 栅格化系统
+
+
使用栅格化,轻松排版每个模块!
+
+
+
+ 混合形式的栅格化
+
+
+
col-4
+
col-4
+
col-4
+
+
+
col-3
+
col-3
+
col-3
+
col-3
+
+
+
w15
+
w15
+
w15
+
w15
+
w15
+
+
+
col-2
+
col-2
+
col-2
+
col-2
+
col-2
+
col-2
+
+
+
col-1
+
col-2
+
col-3
+
col-6
+
+
+
+
+
\ No newline at end of file
diff --git a/header.html b/header.html
new file mode 100644
index 0000000..57b7301
--- /dev/null
+++ b/header.html
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/icon.html b/icon.html
new file mode 100644
index 0000000..bfb0e1f
--- /dev/null
+++ b/icon.html
@@ -0,0 +1,92 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 可以在fonticon官网新增
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/img/banner1.jpg b/img/banner1.jpg
new file mode 100644
index 0000000..3839d3e
Binary files /dev/null and b/img/banner1.jpg differ
diff --git a/img/banner2.jpg b/img/banner2.jpg
new file mode 100644
index 0000000..d0fd07b
Binary files /dev/null and b/img/banner2.jpg differ
diff --git a/img/banner3.jpg b/img/banner3.jpg
new file mode 100644
index 0000000..598e619
Binary files /dev/null and b/img/banner3.jpg differ
diff --git a/img/meng.jpg b/img/meng.jpg
new file mode 100644
index 0000000..16793bf
Binary files /dev/null and b/img/meng.jpg differ
diff --git a/img/s1.jpg b/img/s1.jpg
new file mode 100644
index 0000000..2c97402
Binary files /dev/null and b/img/s1.jpg differ
diff --git a/img/s2.jpg b/img/s2.jpg
new file mode 100644
index 0000000..8f5b38e
Binary files /dev/null and b/img/s2.jpg differ
diff --git a/img/s3.jpg b/img/s3.jpg
new file mode 100644
index 0000000..ed0f15a
Binary files /dev/null and b/img/s3.jpg differ
diff --git a/img/s4.jpg b/img/s4.jpg
new file mode 100644
index 0000000..75013d4
Binary files /dev/null and b/img/s4.jpg differ
diff --git a/img/s5.jpg b/img/s5.jpg
new file mode 100644
index 0000000..c207ead
Binary files /dev/null and b/img/s5.jpg differ
diff --git a/img/select.png b/img/select.png
new file mode 100644
index 0000000..428ab26
Binary files /dev/null and b/img/select.png differ
diff --git a/img/timg.gif b/img/timg.gif
new file mode 100644
index 0000000..a2b0931
Binary files /dev/null and b/img/timg.gif differ
diff --git a/img/user.jpg b/img/user.jpg
new file mode 100644
index 0000000..9c07d14
Binary files /dev/null and b/img/user.jpg differ
diff --git a/img/user2.jpg b/img/user2.jpg
new file mode 100644
index 0000000..31c1bda
Binary files /dev/null and b/img/user2.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..6b7904c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,291 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
用最少的codding写出最灵活的代码。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/iscroll.html b/iscroll.html
new file mode 100644
index 0000000..9a5143c
--- /dev/null
+++ b/iscroll.html
@@ -0,0 +1,146 @@
+
+
+
+
+
+
+
+
+
+
+ miniMobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/flexible.min.js b/js/flexible.min.js
new file mode 100644
index 0000000..10d1af1
--- /dev/null
+++ b/js/flexible.min.js
@@ -0,0 +1,116 @@
+//改版的flexible.min.js , 并没有按照原来的要求和比例,而是按照设计稿件一对一的设置比例
+//如果设计稿件为750,或者360,那么这里只需要修改一个designPixel参数,就可以一对一的还原设计。
+;(function(win, lib) {
+ var doc = win.document;
+ var docEl = doc.documentElement;
+ var metaEl = doc.querySelector('meta[name="viewport"]');
+ var flexibleEl = doc.querySelector('meta[name="flexible"]');
+ var dpr = 0;
+ var scale = 0;
+ var tid;
+ var flexible = lib.flexible || (lib.flexible = {});
+ var designPixel = 750;//设计稿件尺寸
+
+ if (metaEl) {
+ console.warn('将根据已有的meta标签来设置缩放比例');
+ var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
+ if (match) {
+ scale = parseFloat(match[1]);
+ dpr = parseInt(1 / scale);
+ }
+ } else if (flexibleEl) {
+ var content = flexibleEl.getAttribute('content');
+ if (content) {
+ var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
+ var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
+ if (initialDpr) {
+ dpr = parseFloat(initialDpr[1]);
+ scale = parseFloat((1 / dpr).toFixed(2));
+ }
+ if (maximumDpr) {
+ dpr = parseFloat(maximumDpr[1]);
+ scale = parseFloat((1 / dpr).toFixed(2));
+ }
+ }
+ }
+
+ if (!dpr && !scale) {
+ var isAndroid = win.navigator.appVersion.match(/android/gi);
+ var isIPhone = win.navigator.appVersion.match(/iphone/gi);
+ var devicePixelRatio = win.devicePixelRatio;
+ if (isIPhone) {
+ if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
+ dpr = 3;
+ } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
+ dpr = 2;
+ } else {
+ dpr = 1;
+ }
+ } else {
+ dpr = 1;
+ }
+ scale = 1 / dpr;
+ }
+
+ docEl.setAttribute('data-dpr', dpr);
+ if (!metaEl) {
+ metaEl = doc.createElement('meta');
+ metaEl.setAttribute('name', 'viewport');
+ metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
+ if (docEl.firstElementChild) {
+ docEl.firstElementChild.appendChild(metaEl);
+ } else {
+ var wrap = doc.createElement('div');
+ wrap.appendChild(metaEl);
+ doc.write(wrap.innerHTML);
+ }
+ }
+
+ function refreshRem(){
+ var width = docEl.getBoundingClientRect().width;
+ if (width / dpr > designPixel) { //如果分辨率不是1,那么获取的物理宽度应该乘以分辨率,才是最终可用的width
+ width = width * dpr;
+ }
+ var rem = width / (designPixel/100); //计算最终还原到设计图上的比例,从而设置到文档上
+ docEl.style.fontSize = rem + 'px';
+ flexible.rem = win.rem = rem;
+ }
+
+ win.addEventListener('resize', function() {
+ clearTimeout(tid);
+ tid = setTimeout(refreshRem, 300);
+ }, false);
+ win.addEventListener('pageshow', function(e) {
+ if (e.persisted) {
+ clearTimeout(tid);
+ tid = setTimeout(refreshRem, 300);
+ }
+ }, false);
+
+ if (doc.readyState === 'complete') {
+ doc.body.style.fontSize = 16 * dpr + 'px';
+ } else {
+ doc.addEventListener('DOMContentLoaded', function(e) {
+ doc.body.style.fontSize = 16 * dpr + 'px';
+ }, false);
+ }
+ refreshRem();
+
+ flexible.dpr = win.dpr = dpr;
+ flexible.refreshRem = refreshRem;
+ flexible.rem2px = function(d) {
+ var val = parseFloat(d) * this.rem;
+ if (typeof d === 'string' && d.match(/rem$/)) {
+ val += 'px';
+ }
+ return val;
+ }
+ flexible.px2rem = function(d) {
+ var val = parseFloat(d) / this.rem;
+ if (typeof d === 'string' && d.match(/px$/)) {
+ val += 'rem';
+ }
+ return val;
+ }
+
+})(window, window['lib'] || (window['lib'] = {}));
\ No newline at end of file
diff --git a/js/miniMobile.js b/js/miniMobile.js
new file mode 100644
index 0000000..e7ed45e
--- /dev/null
+++ b/js/miniMobile.js
@@ -0,0 +1,232 @@
+/*
+ * minimobile.js v0.0.1 by chenyaowen
+ * 在保留作者签名的情况下,允许使用与商业用途
+ */
+ if(!window.Zepto && !window.jQuery){
+ console.log("minimobile 是基于Zepto.js 或者 jQuery.js 的,请检查页面是否已在miniMobile之前引入!")
+ }
+;(function(win, lib) {
+ //摘自淘宝移动端
+ var doc = win.document;
+ var docEl = doc.documentElement;
+ var metaEl = doc.querySelector('meta[name="viewport"]');
+ var flexibleEl = doc.querySelector('meta[name="flexible"]');
+ var dpr = 0;
+ var scale = 0;
+ var tid;
+ var flexible = lib.flexible || (lib.flexible = {});
+ var designPixel = 750;//设计稿件尺寸
+
+ if (metaEl) {
+ console.warn('将根据已有的meta标签来设置缩放比例');
+ var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
+ if (match) {
+ scale = parseFloat(match[1]);
+ dpr = parseInt(1 / scale);
+ }
+ } else if (flexibleEl) {
+ var content = flexibleEl.getAttribute('content');
+ if (content) {
+ var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
+ var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
+ if (initialDpr) {
+ dpr = parseFloat(initialDpr[1]);
+ scale = parseFloat((1 / dpr).toFixed(2));
+ }
+ if (maximumDpr) {
+ dpr = parseFloat(maximumDpr[1]);
+ scale = parseFloat((1 / dpr).toFixed(2));
+ }
+ }
+ }
+ if (!dpr && !scale) {
+ var isAndroid = win.navigator.appVersion.match(/android/gi);
+ var isIPhone = win.navigator.appVersion.match(/iphone/gi);
+ var devicePixelRatio = win.devicePixelRatio;
+ if (isIPhone) {
+ if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
+ dpr = 3;
+ } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
+ dpr = 2;
+ } else {
+ dpr = 1;
+ }
+ } else {
+ dpr = 1;
+ }
+ scale = 1 / dpr;
+ }
+
+ docEl.setAttribute('data-dpr', dpr);
+ if (!metaEl) {
+ metaEl = doc.createElement('meta');
+ metaEl.setAttribute('name', 'viewport');
+ metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
+ if (docEl.firstElementChild) {
+ docEl.firstElementChild.appendChild(metaEl);
+ } else {
+ var wrap = doc.createElement('div');
+ wrap.appendChild(metaEl);
+ doc.write(wrap.innerHTML);
+ }
+ }
+
+ function refreshRem(){
+ var width = docEl.getBoundingClientRect().width;
+ if (width / dpr > designPixel) { //如果分辨率不是1,那么获取的物理宽度应该乘以分辨率,才是最终可用的width
+ width = width * dpr;
+ }
+ var rem = width / (designPixel/100); //计算最终还原到设计图上的比例,从而设置到文档上
+ docEl.style.fontSize = rem + 'px';
+ flexible.rem = win.rem = rem;
+ }
+
+ win.addEventListener('resize', function() {
+ clearTimeout(tid);
+ tid = setTimeout(refreshRem, 300);
+ }, false);
+ win.addEventListener('pageshow', function(e) {
+ if (e.persisted) {
+ clearTimeout(tid);
+ tid = setTimeout(refreshRem, 300);
+ }
+ }, false);
+
+ if (doc.readyState === 'complete') {
+ doc.body.style.fontSize = 16 * dpr + 'px';
+ } else {
+ doc.addEventListener('DOMContentLoaded', function(e) {
+ doc.body.style.fontSize = 16 * dpr + 'px';
+ }, false);
+ }
+ refreshRem();
+
+ flexible.dpr = win.dpr = dpr;
+ flexible.refreshRem = refreshRem;
+ flexible.rem2px = function(d) {
+ var val = parseFloat(d) * this.rem;
+ if (typeof d === 'string' && d.match(/rem$/)) {
+ val += 'px';
+ }
+ return val;
+ }
+ flexible.px2rem = function(d) {
+ var val = parseFloat(d) / this.rem;
+ if (typeof d === 'string' && d.match(/px$/)) {
+ val += 'rem';
+ }
+ return val;
+ }
+
+})(window, window['lib'] || (window['lib'] = {}));
+/*
+ * asideUi 侧栏
+ */
+;
+(function($) {
+ $.fn.asideUi = function(options) {
+ var defaults = {
+ size: '100%',
+ hasmask: true,
+ position: 'left',
+ sidertime: 300
+ };
+ var val = $.extend(defaults, options);
+ var obj = function() {},
+ _self = this,
+ thisMask = $(""),
+ thisCss = {},
+ thisCss2 = {};
+ thisCss[val.position] = '-' + val.size;
+ this.css({
+ 'top': (val.position == "bottom") ? "auto" : 0,
+ 'bottom': 0
+ });
+ thisCss2[val.position] = 0;
+ _self.css(thisCss);
+
+ obj.toggle = function() {
+ if(_self.hasClass('ui-aside-open')) {
+ _self.removeClass('ui-aside-open');
+ _self.animate(thisCss, val.sidertime);
+ $('.ui-aside-mask').animate({
+ 'opacity': 0
+ }, 100, function() {
+ $(this).remove();
+ });
+ } else {
+ _self.addClass('ui-aside-open');
+ _self.animate(thisCss2, val.sidertime);
+ if(val.hasmask) {
+ $('body').append(thisMask);
+ $(".ui-aside-mask").animate({
+ 'opacity': 1
+ }, 100);
+ }
+ }
+ }
+ thisMask.tap(function() {
+ obj.toggle();
+ })
+ return obj;
+ };
+})(window.Zepto || window.jQuery)
+/*
+ * 返回顶部
+ */
+function goTop(acceleration, time) {
+ acceleration = acceleration || 0.1;
+ time = time || 16;
+ var x1 = 0;
+ var y1 = 0;
+ var x2 = 0;
+ var y2 = 0;
+ var x3 = 0;
+ var y3 = 0;
+ if(document.documentElement) {
+ x1 = document.documentElement.scrollLeft || 0;
+ y1 = document.documentElement.scrollTop || 0;
+ }
+ if(document.body) {
+ x2 = document.body.scrollLeft || 0;
+ y2 = document.body.scrollTop || 0;
+ }
+ var x3 = window.scrollX || 0;
+ var y3 = window.scrollY || 0;
+ // 滚动条到页面顶部的水平距离
+ var x = Math.max(x1, Math.max(x2, x3));
+ // 滚动条到页面顶部的垂直距离
+ var y = Math.max(y1, Math.max(y2, y3));
+ // 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
+ var speed = 1 + acceleration;
+ window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
+ // 如果距离不为零, 继续调用迭代本函数
+ if(x > 0 || y > 0) {
+ var invokeFunction = "goTop(" + acceleration + ", " + time + ")";
+ window.setTimeout(invokeFunction, time);
+ }
+}
+
+/*
+ * ui-progress进度条
+ */
+;
+(function($) {
+ $.fn.progressUi = function(options) {
+ var defaults = {
+ skin: ''
+ };
+ var val = $.extend(defaults, options);
+ var attrs = {
+ max: this.attr('max') || 0,
+ value: this.attr("value") || 0
+ },
+ doms = $('');
+ domsContent = $('');
+ this.wrap(doms);
+ domsContent.animate({
+ 'width': attrs.value / attrs.max * 100 + '%',
+ });
+ doms.prepend(domsContent);
+ };
+})(window.Zepto || window.jQuery)
\ No newline at end of file
diff --git a/js/zepto.min.js b/js/zepto.min.js
new file mode 100644
index 0000000..d5a41f1
--- /dev/null
+++ b/js/zepto.min.js
@@ -0,0 +1,3 @@
+/* Zepto 1.2.0 - zepto event ajax form ie detect fx fx_methods assets data deferred callbacks selector touch gesture stack ios3 - zeptojs.com/license */
+!function(t,e){"function"==typeof define&&define.amd?define(function(){return e(t)}):e(t)}(window,function(t){var e=function(){function D(t){return null==t?String(t):S[j.call(t)]||"object"}function k(t){return"function"==D(t)}function L(t){return null!=t&&t==t.window}function F(t){return null!=t&&t.nodeType==t.DOCUMENT_NODE}function $(t){return"object"==D(t)}function R(t){return $(t)&&!L(t)&&Object.getPrototypeOf(t)==Object.prototype}function _(t){var e=!!t&&"length"in t&&t.length,n=i.type(t);return"function"!=n&&!L(t)&&("array"==n||0===e||"number"==typeof e&&e>0&&e-1 in t)}function q(t){return s.call(t,function(t){return null!=t})}function z(t){return t.length>0?i.fn.concat.apply([],t):t}function I(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function Z(t){return t in l?l[t]:l[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function W(t,e){return"number"!=typeof e||h[I(t)]?e:e+"px"}function B(t){var e,n;return c[t]||(e=f.createElement(t),f.body.appendChild(e),n=getComputedStyle(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==n&&(n="block"),c[t]=n),c[t]}function V(t){return"children"in t?u.call(t.children):i.map(t.childNodes,function(t){return 1==t.nodeType?t:void 0})}function X(t,e){var n,i=t?t.length:0;for(n=0;i>n;n++)this[n]=t[n];this.length=i,this.selector=e||""}function H(t,i,r){for(n in i)r&&(R(i[n])||M(i[n]))?(R(i[n])&&!R(t[n])&&(t[n]={}),M(i[n])&&!M(t[n])&&(t[n]=[]),H(t[n],i[n],r)):i[n]!==e&&(t[n]=i[n])}function U(t,e){return null==e?i(t):i(t).filter(e)}function Y(t,e,n,i){return k(e)?e.call(t,n,i):e}function G(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)}function J(t,n){var i=t.className||"",r=i&&i.baseVal!==e;return n===e?r?i.baseVal:i:void(r?i.baseVal=n:t.className=n)}function K(t){try{return t?"true"==t||("false"==t?!1:"null"==t?null:+t+""==t?+t:/^[\[\{]/.test(t)?i.parseJSON(t):t):t}catch(e){return t}}function Q(t,e){e(t);for(var n=0,i=t.childNodes.length;i>n;n++)Q(t.childNodes[n],e)}var e,n,i,r,O,P,o=[],a=o.concat,s=o.filter,u=o.slice,f=t.document,c={},l={},h={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},p=/^\s*<(\w+|!)[^>]*>/,d=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,m=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,g=/^(?:body|html)$/i,v=/([A-Z])/g,y=["val","css","html","text","data","width","height","offset"],b=["after","prepend","before","append"],x=f.createElement("table"),w=f.createElement("tr"),E={tr:f.createElement("tbody"),tbody:x,thead:x,tfoot:x,td:w,th:w,"*":f.createElement("div")},T=/^[\w-]*$/,S={},j=S.toString,C={},N=f.createElement("div"),A={tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},M=Array.isArray||function(t){return t instanceof Array};return C.matches=function(t,e){if(!e||!t||1!==t.nodeType)return!1;var n=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(n)return n.call(t,e);var i,r=t.parentNode,o=!r;return o&&(r=N).appendChild(t),i=~C.qsa(r,e).indexOf(t),o&&N.removeChild(t),i},O=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},P=function(t){return s.call(t,function(e,n){return t.indexOf(e)==n})},C.fragment=function(t,n,r){var o,a,s;return d.test(t)&&(o=i(f.createElement(RegExp.$1))),o||(t.replace&&(t=t.replace(m,"<$1>$2>")),n===e&&(n=p.test(t)&&RegExp.$1),n in E||(n="*"),s=E[n],s.innerHTML=""+t,o=i.each(u.call(s.childNodes),function(){s.removeChild(this)})),R(r)&&(a=i(o),i.each(r,function(t,e){y.indexOf(t)>-1?a[t](e):a.attr(t,e)})),o},C.Z=function(t,e){return new X(t,e)},C.isZ=function(t){return t instanceof C.Z},C.init=function(t,n){var r;if(!t)return C.Z();if("string"==typeof t)if(t=t.trim(),"<"==t[0]&&p.test(t))r=C.fragment(t,RegExp.$1,n),t=null;else{if(n!==e)return i(n).find(t);r=C.qsa(f,t)}else{if(k(t))return i(f).ready(t);if(C.isZ(t))return t;if(M(t))r=q(t);else if($(t))r=[t],t=null;else if(p.test(t))r=C.fragment(t.trim(),RegExp.$1,n),t=null;else{if(n!==e)return i(n).find(t);r=C.qsa(f,t)}}return C.Z(r,t)},i=function(t,e){return C.init(t,e)},i.extend=function(t){var e,n=u.call(arguments,1);return"boolean"==typeof t&&(e=t,t=n.shift()),n.forEach(function(n){H(t,n,e)}),t},C.qsa=function(t,e){var n,i="#"==e[0],r=!i&&"."==e[0],o=i||r?e.slice(1):e,a=T.test(o);return t.getElementById&&a&&i?(n=t.getElementById(o))?[n]:[]:1!==t.nodeType&&9!==t.nodeType&&11!==t.nodeType?[]:u.call(a&&!i&&t.getElementsByClassName?r?t.getElementsByClassName(o):t.getElementsByTagName(e):t.querySelectorAll(e))},i.contains=f.documentElement.contains?function(t,e){return t!==e&&t.contains(e)}:function(t,e){for(;e&&(e=e.parentNode);)if(e===t)return!0;return!1},i.type=D,i.isFunction=k,i.isWindow=L,i.isArray=M,i.isPlainObject=R,i.isEmptyObject=function(t){var e;for(e in t)return!1;return!0},i.isNumeric=function(t){var e=Number(t),n=typeof t;return null!=t&&"boolean"!=n&&("string"!=n||t.length)&&!isNaN(e)&&isFinite(e)||!1},i.inArray=function(t,e,n){return o.indexOf.call(e,t,n)},i.camelCase=O,i.trim=function(t){return null==t?"":String.prototype.trim.call(t)},i.uuid=0,i.support={},i.expr={},i.noop=function(){},i.map=function(t,e){var n,r,o,i=[];if(_(t))for(r=0;r=0?t:t+this.length]},toArray:function(){return this.get()},size:function(){return this.length},remove:function(){return this.each(function(){null!=this.parentNode&&this.parentNode.removeChild(this)})},each:function(t){return o.every.call(this,function(e,n){return t.call(e,n,e)!==!1}),this},filter:function(t){return k(t)?this.not(this.not(t)):i(s.call(this,function(e){return C.matches(e,t)}))},add:function(t,e){return i(P(this.concat(i(t,e))))},is:function(t){return"string"==typeof t?this.length>0&&C.matches(this[0],t):t&&this.selector==t.selector},not:function(t){var n=[];if(k(t)&&t.call!==e)this.each(function(e){t.call(this,e)||n.push(this)});else{var r="string"==typeof t?this.filter(t):_(t)&&k(t.item)?u.call(t):i(t);this.forEach(function(t){r.indexOf(t)<0&&n.push(t)})}return i(n)},has:function(t){return this.filter(function(){return $(t)?i.contains(this,t):i(this).find(t).size()})},eq:function(t){return-1===t?this.slice(t):this.slice(t,+t+1)},first:function(){var t=this[0];return t&&!$(t)?t:i(t)},last:function(){var t=this[this.length-1];return t&&!$(t)?t:i(t)},find:function(t){var e,n=this;return e=t?"object"==typeof t?i(t).filter(function(){var t=this;return o.some.call(n,function(e){return i.contains(e,t)})}):1==this.length?i(C.qsa(this[0],t)):this.map(function(){return C.qsa(this,t)}):i()},closest:function(t,e){var n=[],r="object"==typeof t&&i(t);return this.each(function(i,o){for(;o&&!(r?r.indexOf(o)>=0:C.matches(o,t));)o=o!==e&&!F(o)&&o.parentNode;o&&n.indexOf(o)<0&&n.push(o)}),i(n)},parents:function(t){for(var e=[],n=this;n.length>0;)n=i.map(n,function(t){return(t=t.parentNode)&&!F(t)&&e.indexOf(t)<0?(e.push(t),t):void 0});return U(e,t)},parent:function(t){return U(P(this.pluck("parentNode")),t)},children:function(t){return U(this.map(function(){return V(this)}),t)},contents:function(){return this.map(function(){return this.contentDocument||u.call(this.childNodes)})},siblings:function(t){return U(this.map(function(t,e){return s.call(V(e.parentNode),function(t){return t!==e})}),t)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(t){return i.map(this,function(e){return e[t]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=""),"none"==getComputedStyle(this,"").getPropertyValue("display")&&(this.style.display=B(this.nodeName))})},replaceWith:function(t){return this.before(t).remove()},wrap:function(t){var e=k(t);if(this[0]&&!e)var n=i(t).get(0),r=n.parentNode||this.length>1;return this.each(function(o){i(this).wrapAll(e?t.call(this,o):r?n.cloneNode(!0):n)})},wrapAll:function(t){if(this[0]){i(this[0]).before(t=i(t));for(var e;(e=t.children()).length;)t=e.first();i(t).append(this)}return this},wrapInner:function(t){var e=k(t);return this.each(function(n){var r=i(this),o=r.contents(),a=e?t.call(this,n):t;o.length?o.wrapAll(a):r.append(a)})},unwrap:function(){return this.parent().each(function(){i(this).replaceWith(i(this).children())}),this},clone:function(){return this.map(function(){return this.cloneNode(!0)})},hide:function(){return this.css("display","none")},toggle:function(t){return this.each(function(){var n=i(this);(t===e?"none"==n.css("display"):t)?n.show():n.hide()})},prev:function(t){return i(this.pluck("previousElementSibling")).filter(t||"*")},next:function(t){return i(this.pluck("nextElementSibling")).filter(t||"*")},html:function(t){return 0 in arguments?this.each(function(e){var n=this.innerHTML;i(this).empty().append(Y(this,t,e,n))}):0 in this?this[0].innerHTML:null},text:function(t){return 0 in arguments?this.each(function(e){var n=Y(this,t,e,this.textContent);this.textContent=null==n?"":""+n}):0 in this?this.pluck("textContent").join(""):null},attr:function(t,i){var r;return"string"!=typeof t||1 in arguments?this.each(function(e){if(1===this.nodeType)if($(t))for(n in t)G(this,n,t[n]);else G(this,t,Y(this,i,e,this.getAttribute(t)))}):0 in this&&1==this[0].nodeType&&null!=(r=this[0].getAttribute(t))?r:e},removeAttr:function(t){return this.each(function(){1===this.nodeType&&t.split(" ").forEach(function(t){G(this,t)},this)})},prop:function(t,e){return t=A[t]||t,"string"!=typeof t||1 in arguments?this.each(function(i){if($(t))for(n in t)this[A[n]||n]=t[n];else this[t]=Y(this,e,i,this[t])}):this[0]&&this[0][t]},removeProp:function(t){return t=A[t]||t,this.each(function(){delete this[t]})},data:function(t,n){var i="data-"+t.replace(v,"-$1").toLowerCase(),r=1 in arguments?this.attr(i,n):this.attr(i);return null!==r?K(r):e},val:function(t){return 0 in arguments?(null==t&&(t=""),this.each(function(e){this.value=Y(this,t,e,this.value)})):this[0]&&(this[0].multiple?i(this[0]).find("option").filter(function(){return this.selected}).pluck("value"):this[0].value)},offset:function(e){if(e)return this.each(function(t){var n=i(this),r=Y(this,e,t,n.offset()),o=n.offsetParent().offset(),a={top:r.top-o.top,left:r.left-o.left};"static"==n.css("position")&&(a.position="relative"),n.css(a)});if(!this.length)return null;if(f.documentElement!==this[0]&&!i.contains(f.documentElement,this[0]))return{top:0,left:0};var n=this[0].getBoundingClientRect();return{left:n.left+t.pageXOffset,top:n.top+t.pageYOffset,width:Math.round(n.width),height:Math.round(n.height)}},css:function(t,e){if(arguments.length<2){var r=this[0];if("string"==typeof t){if(!r)return;return r.style[O(t)]||getComputedStyle(r,"").getPropertyValue(t)}if(M(t)){if(!r)return;var o={},a=getComputedStyle(r,"");return i.each(t,function(t,e){o[e]=r.style[O(e)]||a.getPropertyValue(e)}),o}}var s="";if("string"==D(t))e||0===e?s=I(t)+":"+W(t,e):this.each(function(){this.style.removeProperty(I(t))});else for(n in t)t[n]||0===t[n]?s+=I(n)+":"+W(n,t[n])+";":this.each(function(){this.style.removeProperty(I(n))});return this.each(function(){this.style.cssText+=";"+s})},index:function(t){return t?this.indexOf(i(t)[0]):this.parent().children().indexOf(this[0])},hasClass:function(t){return t?o.some.call(this,function(t){return this.test(J(t))},Z(t)):!1},addClass:function(t){return t?this.each(function(e){if("className"in this){r=[];var n=J(this),o=Y(this,t,e,n);o.split(/\s+/g).forEach(function(t){i(this).hasClass(t)||r.push(t)},this),r.length&&J(this,n+(n?" ":"")+r.join(" "))}}):this},removeClass:function(t){return this.each(function(n){if("className"in this){if(t===e)return J(this,"");r=J(this),Y(this,t,n,r).split(/\s+/g).forEach(function(t){r=r.replace(Z(t)," ")}),J(this,r.trim())}})},toggleClass:function(t,n){return t?this.each(function(r){var o=i(this),a=Y(this,t,r,J(this));a.split(/\s+/g).forEach(function(t){(n===e?!o.hasClass(t):n)?o.addClass(t):o.removeClass(t)})}):this},scrollTop:function(t){if(this.length){var n="scrollTop"in this[0];return t===e?n?this[0].scrollTop:this[0].pageYOffset:this.each(n?function(){this.scrollTop=t}:function(){this.scrollTo(this.scrollX,t)})}},scrollLeft:function(t){if(this.length){var n="scrollLeft"in this[0];return t===e?n?this[0].scrollLeft:this[0].pageXOffset:this.each(n?function(){this.scrollLeft=t}:function(){this.scrollTo(t,this.scrollY)})}},position:function(){if(this.length){var t=this[0],e=this.offsetParent(),n=this.offset(),r=g.test(e[0].nodeName)?{top:0,left:0}:e.offset();return n.top-=parseFloat(i(t).css("margin-top"))||0,n.left-=parseFloat(i(t).css("margin-left"))||0,r.top+=parseFloat(i(e[0]).css("border-top-width"))||0,r.left+=parseFloat(i(e[0]).css("border-left-width"))||0,{top:n.top-r.top,left:n.left-r.left}}},offsetParent:function(){return this.map(function(){for(var t=this.offsetParent||f.body;t&&!g.test(t.nodeName)&&"static"==i(t).css("position");)t=t.offsetParent;return t})}},i.fn.detach=i.fn.remove,["width","height"].forEach(function(t){var n=t.replace(/./,function(t){return t[0].toUpperCase()});i.fn[t]=function(r){var o,a=this[0];return r===e?L(a)?a["inner"+n]:F(a)?a.documentElement["scroll"+n]:(o=this.offset())&&o[t]:this.each(function(e){a=i(this),a.css(t,Y(this,r,e,a[t]()))})}}),b.forEach(function(n,r){var o=r%2;i.fn[n]=function(){var n,s,a=i.map(arguments,function(t){var r=[];return n=D(t),"array"==n?(t.forEach(function(t){return t.nodeType!==e?r.push(t):i.zepto.isZ(t)?r=r.concat(t.get()):void(r=r.concat(C.fragment(t)))}),r):"object"==n||null==t?t:C.fragment(t)}),u=this.length>1;return a.length<1?this:this.each(function(e,n){s=o?n:n.parentNode,n=0==r?n.nextSibling:1==r?n.firstChild:2==r?n:null;var c=i.contains(f.documentElement,s);a.forEach(function(e){if(u)e=e.cloneNode(!0);else if(!s)return i(e).remove();s.insertBefore(e,n),c&&Q(e,function(e){if(!(null==e.nodeName||"SCRIPT"!==e.nodeName.toUpperCase()||e.type&&"text/javascript"!==e.type||e.src)){var n=e.ownerDocument?e.ownerDocument.defaultView:t;n.eval.call(n,e.innerHTML)}})})})},i.fn[o?n+"To":"insert"+(r?"Before":"After")]=function(t){return i(t)[n](this),this}}),C.Z.prototype=X.prototype=i.fn,C.uniq=P,C.deserializeValue=K,i.zepto=C,i}();return t.Zepto=e,void 0===t.$&&(t.$=e),function(e){function h(t){return t._zid||(t._zid=n++)}function p(t,e,n,i){if(e=d(e),e.ns)var r=m(e.ns);return(s[h(t)]||[]).filter(function(t){return t&&(!e.e||t.e==e.e)&&(!e.ns||r.test(t.ns))&&(!n||h(t.fn)===h(n))&&(!i||t.sel==i)})}function d(t){var e=(""+t).split(".");return{e:e[0],ns:e.slice(1).sort().join(" ")}}function m(t){return new RegExp("(?:^| )"+t.replace(" "," .* ?")+"(?: |$)")}function g(t,e){return t.del&&!f&&t.e in c||!!e}function v(t){return l[t]||f&&c[t]||t}function y(t,n,r,o,a,u,f){var c=h(t),p=s[c]||(s[c]=[]);n.split(/\s/).forEach(function(n){if("ready"==n)return e(document).ready(r);var s=d(n);s.fn=r,s.sel=a,s.e in l&&(r=function(t){var n=t.relatedTarget;return!n||n!==this&&!e.contains(this,n)?s.fn.apply(this,arguments):void 0}),s.del=u;var c=u||r;s.proxy=function(e){if(e=S(e),!e.isImmediatePropagationStopped()){e.data=o;var n=c.apply(t,e._args==i?[e]:[e].concat(e._args));return n===!1&&(e.preventDefault(),e.stopPropagation()),n}},s.i=p.length,p.push(s),"addEventListener"in t&&t.addEventListener(v(s.e),s.proxy,g(s,f))})}function b(t,e,n,i,r){var o=h(t);(e||"").split(/\s/).forEach(function(e){p(t,e,n,i).forEach(function(e){delete s[o][e.i],"removeEventListener"in t&&t.removeEventListener(v(e.e),e.proxy,g(e,r))})})}function S(t,n){if(n||!t.isDefaultPrevented){n||(n=t),e.each(T,function(e,i){var r=n[e];t[e]=function(){return this[i]=x,r&&r.apply(n,arguments)},t[i]=w});try{t.timeStamp||(t.timeStamp=Date.now())}catch(r){}(n.defaultPrevented!==i?n.defaultPrevented:"returnValue"in n?n.returnValue===!1:n.getPreventDefault&&n.getPreventDefault())&&(t.isDefaultPrevented=x)}return t}function j(t){var e,n={originalEvent:t};for(e in t)E.test(e)||t[e]===i||(n[e]=t[e]);return S(n,t)}var i,n=1,r=Array.prototype.slice,o=e.isFunction,a=function(t){return"string"==typeof t},s={},u={},f="onfocusin"in t,c={focus:"focusin",blur:"focusout"},l={mouseenter:"mouseover",mouseleave:"mouseout"};u.click=u.mousedown=u.mouseup=u.mousemove="MouseEvents",e.event={add:y,remove:b},e.proxy=function(t,n){var i=2 in arguments&&r.call(arguments,2);if(o(t)){var s=function(){return t.apply(n,i?i.concat(r.call(arguments)):arguments)};return s._zid=h(t),s}if(a(n))return i?(i.unshift(t[n],t),e.proxy.apply(null,i)):e.proxy(t[n],t);throw new TypeError("expected function")},e.fn.bind=function(t,e,n){return this.on(t,e,n)},e.fn.unbind=function(t,e){return this.off(t,e)},e.fn.one=function(t,e,n,i){return this.on(t,e,n,i,1)};var x=function(){return!0},w=function(){return!1},E=/^([A-Z]|returnValue$|layer[XY]$|webkitMovement[XY]$)/,T={preventDefault:"isDefaultPrevented",stopImmediatePropagation:"isImmediatePropagationStopped",stopPropagation:"isPropagationStopped"};e.fn.delegate=function(t,e,n){return this.on(e,t,n)},e.fn.undelegate=function(t,e,n){return this.off(e,t,n)},e.fn.live=function(t,n){return e(document.body).delegate(this.selector,t,n),this},e.fn.die=function(t,n){return e(document.body).undelegate(this.selector,t,n),this},e.fn.on=function(t,n,s,u,f){var c,l,h=this;return t&&!a(t)?(e.each(t,function(t,e){h.on(t,n,s,e,f)}),h):(a(n)||o(u)||u===!1||(u=s,s=n,n=i),(u===i||s===!1)&&(u=s,s=i),u===!1&&(u=w),h.each(function(i,o){f&&(c=function(t){return b(o,t.type,u),u.apply(this,arguments)}),n&&(l=function(t){var i,a=e(t.target).closest(n,o).get(0);return a&&a!==o?(i=e.extend(j(t),{currentTarget:a,liveFired:o}),(c||u).apply(a,[i].concat(r.call(arguments,1)))):void 0}),y(o,t,u,s,n,l||c)}))},e.fn.off=function(t,n,r){var s=this;return t&&!a(t)?(e.each(t,function(t,e){s.off(t,n,e)}),s):(a(n)||o(r)||r===!1||(r=n,n=i),r===!1&&(r=w),s.each(function(){b(this,t,r,n)}))},e.fn.trigger=function(t,n){return t=a(t)||e.isPlainObject(t)?e.Event(t):S(t),t._args=n,this.each(function(){t.type in c&&"function"==typeof this[t.type]?this[t.type]():"dispatchEvent"in this?this.dispatchEvent(t):e(this).triggerHandler(t,n)})},e.fn.triggerHandler=function(t,n){var i,r;return this.each(function(o,s){i=j(a(t)?e.Event(t):t),i._args=n,i.target=s,e.each(p(s,t.type||t),function(t,e){return r=e.proxy(i),i.isImmediatePropagationStopped()?!1:void 0})}),r},"focusin focusout focus blur load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select keydown keypress keyup error".split(" ").forEach(function(t){e.fn[t]=function(e){return 0 in arguments?this.bind(t,e):this.trigger(t)}}),e.Event=function(t,e){a(t)||(e=t,t=e.type);var n=document.createEvent(u[t]||"Events"),i=!0;if(e)for(var r in e)"bubbles"==r?i=!!e[r]:n[r]=e[r];return n.initEvent(t,i,!0),S(n)}}(e),function(e){function p(t,n,i){var r=e.Event(n);return e(t).trigger(r,i),!r.isDefaultPrevented()}function d(t,e,n,r){return t.global?p(e||i,n,r):void 0}function m(t){t.global&&0===e.active++&&d(t,null,"ajaxStart")}function g(t){t.global&&!--e.active&&d(t,null,"ajaxStop")}function v(t,e){var n=e.context;return e.beforeSend.call(n,t,e)===!1||d(e,n,"ajaxBeforeSend",[t,e])===!1?!1:void d(e,n,"ajaxSend",[t,e])}function y(t,e,n,i){var r=n.context,o="success";n.success.call(r,t,o,e),i&&i.resolveWith(r,[t,o,e]),d(n,r,"ajaxSuccess",[e,n,t]),x(o,e,n)}function b(t,e,n,i,r){var o=i.context;i.error.call(o,n,e,t),r&&r.rejectWith(o,[n,e,t]),d(i,o,"ajaxError",[n,i,t||e]),x(e,n,i)}function x(t,e,n){var i=n.context;n.complete.call(i,e,t),d(n,i,"ajaxComplete",[e,n]),g(n)}function w(t,e,n){if(n.dataFilter==E)return t;var i=n.context;return n.dataFilter.call(i,t,e)}function E(){}function T(t){return t&&(t=t.split(";",2)[0]),t&&(t==c?"html":t==f?"json":s.test(t)?"script":u.test(t)&&"xml")||"text"}function S(t,e){return""==e?t:(t+"&"+e).replace(/[&?]{1,2}/,"?")}function j(t){t.processData&&t.data&&"string"!=e.type(t.data)&&(t.data=e.param(t.data,t.traditional)),!t.data||t.type&&"GET"!=t.type.toUpperCase()&&"jsonp"!=t.dataType||(t.url=S(t.url,t.data),t.data=void 0)}function C(t,n,i,r){return e.isFunction(n)&&(r=i,i=n,n=void 0),e.isFunction(i)||(r=i,i=void 0),{url:t,data:n,success:i,dataType:r}}function P(t,n,i,r){var o,a=e.isArray(n),s=e.isPlainObject(n);e.each(n,function(n,u){o=e.type(u),r&&(n=i?r:r+"["+(s||"object"==o||"array"==o?n:"")+"]"),!r&&a?t.add(u.name,u.value):"array"==o||!i&&"object"==o?P(t,u,i,n):t.add(n,u)})}var r,o,n=+new Date,i=t.document,a=/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 点击弹出软键盘
+
+
+
+
+
产品开发部
+社区系统账号
+[问题]:平台注册流程第一步中的手机号,与竞价系统新增供应商界面中的“联系电话”,这两者不等同。
+[意见]:判断手机号是否被注册,判断是否被之前的账号在第一步注册时填写了。根据不同的情况显示不同的界面元素!
+ +全文
++ + 张三、 + 李四、 + 张三、 + 李四、 + 张三、 + 李四、 + 张三、 + 王二... + 等21人觉得赞 +
++ 张三:这是一条认真有内涵的评论,作为一个资深的评论家,我不得不说这个评论很棒,简直帅呆了! +
++ 大嘴巴图图:评论长了不好看啊! +
+河南市场部
+社区系统账号
+[问题]:网站突然登录不了了,显示404。
+[意见]:是否可以管理一下服务器。
+ ++ + 张三、 + 李四、 + 张三、 + 李四、 + 张三、 + 王二... + 等21人觉得赞 +
++ 张三:产品部赶紧解决! +
++ 产品开发部 回复 + 张三:好的,正在重启服务器,马上解决! +
+