diff --git a/app.js b/app.js
new file mode 100644
index 0000000..becc6c6
--- /dev/null
+++ b/app.js
@@ -0,0 +1,51 @@
+//app.js
+App({
+  onLaunch: function () {
+    // 展示本地存储能力
+    var logs = wx.getStorageSync('logs') || []
+    logs.unshift(Date.now())
+    wx.setStorageSync('logs', logs)
+
+    // 登录
+    wx.login({
+      success: res => {
+        // 发送 res.code 到后台换取 openId, sessionKey, unionId
+      }
+    })
+    // 获取用户信息
+    wx.getSetting({
+      success: res => {
+        if (res.authSetting['scope.userInfo']) {
+          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
+          wx.getUserInfo({
+            success: res => {
+              // 可以将 res 发送给后台解码出 unionId
+              this.globalData.userInfo = res.userInfo
+
+              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+              // 所以此处加入 callback 以防止这种情况
+              if (this.userInfoReadyCallback) {
+                this.userInfoReadyCallback(res)
+              }
+            }
+          })
+        }
+      }
+    })
+  },
+  globalData: {
+    userInfo: null
+  },
+  showModal: function (e) {
+    var showName = e.currentTarget.dataset.modal;
+    console.log(e)
+    this.setData({
+      modalName: showName
+    })
+  },
+  closeModal: function (e) {
+    this.setData({
+      modalName: 0
+    })
+  }
+})
\ No newline at end of file
diff --git a/app.json b/app.json
new file mode 100644
index 0000000..d167e75
--- /dev/null
+++ b/app.json
@@ -0,0 +1,34 @@
+{
+  "pages": [
+    "pages/index/index",
+    "pages/layout/layout",
+    "pages/button/button",
+    "pages/button/sub",
+    "pages/border/border",
+    "pages/badge/badge",
+    "pages/bar/bar",
+    "pages/label/label",
+    "pages/text/text",
+    "pages/icon/icon",
+    "pages/loading/loading",
+    "pages/image/image",
+    "pages/form/form",
+    "pages/nav/nav",
+    "pages/item/item",
+    "pages/list/list",
+    "pages/side/side",
+    "pages/comment/comment",
+    "pages/timeline/timeline",
+    "pages/slider/slider",
+    "pages/rating/rating",
+    "pages/modal/modal",
+    "pages/progress/progress",
+    "pages/chat/chat"
+  ],
+  "window": {
+    "backgroundTextStyle": "black",
+    "navigationBarBackgroundColor": "#39b54a",
+    "navigationBarTitleText": "Color UI",
+    "navigationBarTextStyle": "light"
+  }
+}
\ No newline at end of file
diff --git a/app.wxss b/app.wxss
new file mode 100644
index 0000000..d948043
--- /dev/null
+++ b/app.wxss
@@ -0,0 +1,170 @@
+@import "icon.wxss";
+@import "colorui.wxss";
+
+page {
+  counter-reset: header;
+}
+
+.indexImage {
+  width: 100%;
+}
+
+.screen {
+  display: flex;
+  align-items: center;
+  height: 100vh;
+  text-align: center;
+  justify-content: center;
+  font-size: 80rpx;
+}
+
+.desc text {
+  text-align: center;
+  color: #999;
+  display: block;
+  margin-bottom: 60rpx;
+}
+
+.nav-list {
+  display: flex;
+  color: #666;
+  align-items: center;
+  padding: 30rpx;
+  margin: 30rpx 30rpx 0;
+  background: #fff;
+  border-radius: 6rpx;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.nav-list.cur {
+  color: #fff;
+  background: rgb(94, 185, 94);
+  box-shadow: 2px 2px 3px rgba(94, 185, 94, 0.4);
+}
+
+.nav-list .iconfont {
+  flex: 1;
+  text-align: right;
+}
+
+.nav-title {
+  margin-right: 20rpx;
+}
+
+.nav-name {
+  color: #aaa;
+  font-size: 24rpx;
+  text-transform: Capitalize;
+}
+
+.doc-top {
+  padding: 30rpx;
+  background: #39b54a;
+  position: relative;
+}
+
+.doc-top::after {
+  content: "";
+  position: absolute;
+  top: 30rpx;
+  border-radius: 6rpx;
+  display: block;
+  width: 50rpx;
+  height: 5rpx;
+  background: #fff;
+  box-shadow: 5rpx 7rpx 7rpx rgba(0, 0, 0, 0.15);
+}
+
+.doc-top-title {
+  margin-top: 30rpx;
+  font-size: 48rpx;
+  font-weight: 900;
+  color: #fff;
+  text-shadow: 10rpx 15rpx 15rpx rgba(0, 0, 0, 0.15);
+}
+
+.doc-top-name {
+  margin-top: 20rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #fff;
+  text-transform: Capitalize;
+  text-shadow: 5rpx 7rpx 7rpx rgba(0, 0, 0, 0.15);
+}
+
+.doc-main {
+  background: #fff;
+  padding: 20rpx;
+  line-height: 52rpx;
+}
+
+.doc-main-title {
+  counter-increment: header;
+  line-height: 80rpx;
+  font-weight: 600;
+  font-size: 36rpx;
+}
+
+.doc-main-title::before {
+  content: counter(header) ". ";
+  color: #888;
+  font-weight: 400;
+}
+
+.doc-main-content {
+  margin-bottom: 20rpx;
+  line-height: 1.6;
+}
+
+.doc-example {
+  padding: 0 30rpx 30rpx;
+  position: relative;
+  margin-bottom: 30rpx;
+}
+
+.doc-example + .doc-example, .doc-example + .doc-main-content {
+  margin-top: 20rpx;
+}
+
+.doc-example::before {
+  content: 'Demo';
+  display: block;
+  color: #bbb;
+  text-transform: uppercase;
+  margin: 0 -30rpx 30rpx;
+  padding: 4px 10px;
+  font-size: 24rpx;
+  background: #f5f5f5;
+}
+
+.doc-example::after {
+  content: " ";
+  width: 200%;
+  height: 200%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-transform: scale(0.5);
+  transform: scale(0.5);
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  box-sizing: border-box;
+  border-radius: 10rpx;
+}
+
+.doc-box {
+  background: #f5f5f5;
+  border-radius: 10rpx;
+}
+
+.doc-box-sub {
+  background: #ddd;
+  line-height: 60rpx;
+  border-radius: 10rpx;
+}
+
+.big-sub {
+  line-height: 160rpx;
+  padding: 50rpx;
+}
diff --git a/colorui.wxss b/colorui.wxss
new file mode 100644
index 0000000..c5d4999
--- /dev/null
+++ b/colorui.wxss
@@ -0,0 +1,5 @@
+/*
+  Color UI v1.5.0 | by 文晓港
+  仅供学习交流，如作他用所承受的法律责任一概与作者无关   
+*/
+page{color:#333;font-size:28rpx;font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;line-height:1.4}button,form,image,input,label,navigator,scroll-view,swiper,text,textarea,view{box-sizing:border-box}.round{border-radius:1000rpx}.radius{border-radius:6rpx}.flex{display:flex}.basis-xs{flex-basis:20%}.basis-sm{flex-basis:40%}.basis-df{flex-basis:50%}.basis-lg{flex-basis:60%}.basis-xl{flex-basis:80%}.flex-sub{flex:1}.flex-twice{flex:2}.flex-treble{flex:3}.flex-direction{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.m-xs{margin:10rpx}.mh-xs{margin-right:10rpx;margin-left:10rpx}.mv-xs{margin-top:10rpx;margin-bottom:10rpx}.mt-xs{margin-top:10rpx}.mr-xs{margin-right:10rpx}.mb-xs{margin-bottom:10rpx}.ml-xs{margin-left:10rpx}.m-sm{margin:20rpx}.mh-sm{margin-right:20rpx;margin-left:20rpx}.mv-sm{margin-top:20rpx;margin-bottom:20rpx}.mt-sm{margin-top:20rpx}.mr-sm{margin-right:20rpx}.mb-sm{margin-bottom:20rpx}.ml-sm{margin-left:20rpx}.m-df{margin:30rpx}.mh-df{margin-right:30rpx;margin-left:30rpx}.mv-df{margin-top:30rpx;margin-bottom:30rpx}.mt-df{margin-top:30rpx}.mr-df{margin-right:30rpx}.mb-df{margin-bottom:30rpx}.ml-df{margin-left:30rpx}.m-lg{margin:40rpx}.mh-lg{margin-right:40rpx;margin-left:40rpx}.mv-lg{margin-top:40rpx;margin-bottom:40rpx}.mt-lg{margin-top:40rpx}.mr-lg{margin-right:40rpx}.mb-lg{margin-bottom:40rpx}.ml-lg{margin-left:40rpx}.m-xl{margin:50rpx}.mh-xl{margin-right:50rpx;margin-left:50rpx}.mv-xl{margin-top:50rpx;margin-bottom:50rpx}.mt-xl{margin-top:50rpx}.mr-xl{margin-right:50rpx}.mb-xl{margin-bottom:50rpx}.ml-xl{margin-left:50rpx}.p-xs{padding:10rpx}.ph-xs{padding-right:10rpx;padding-left:10rpx}.pv-xs{padding-top:10rpx;padding-bottom:10rpx}.pt-xs{padding-top:10rpx}.pr-xs{padding-right:10rpx}.pb-xs{padding-bottom:10rpx}.pl-xs{padding-left:10rpx}.p-sm{padding:20rpx}.ph-sm{padding-right:20rpx;padding-left:20rpx}.pv-sm{padding-top:20rpx;padding-bottom:20rpx}.pt-sm{padding-top:20rpx}.pr-sm{padding-right:20rpx}.pb-sm{padding-bottom:20rpx}.pl-sm{padding-left:20rpx}.p-df{padding:30rpx}.ph-df{padding-right:30rpx;padding-left:30rpx}.pv-df{padding-top:30rpx;padding-bottom:30rpx}.pt-df{padding-top:30rpx}.pr-df{padding-right:30rpx}.pb-df{padding-bottom:30rpx}.pl-df{padding-left:30rpx}.p-lg{padding:40rpx}.ph-lg{padding-right:40rpx;padding-left:40rpx}.pv-lg{padding-top:40rpx;padding-bottom:40rpx}.pt-lg{padding-top:40rpx}.pr-lg{padding-right:40rpx}.pb-lg{padding-bottom:40rpx}.pl-lg{padding-left:40rpx}.p-xl{padding:50rpx}.ph-xl{padding-right:50rpx;padding-left:50rpx}.pv-xl{padding-top:50rpx;padding-bottom:50rpx}.pt-xl{padding-top:50rpx}.pr-xl{padding-right:50rpx}.pb-xl{padding-bottom:50rpx}.pl-xl{padding-left:50rpx}.cf::after,.cf::before{display:table;content:" "}.cf::after{clear:both}.fl{float:left}.fr{float:right}button{margin-right:initial;margin-left:initial}.btn{position:relative;display:inline-flex;overflow:hidden;box-sizing:border-box;padding:13rpx 25rpx;border-radius:5px;background-color:#f8f8f8;color:#000;text-align:center;text-decoration:none;font-size:28rpx;line-height:initial;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.btn.iconfont{padding:0;width:70rpx;height:70rpx;font-size:30rpx}.xs.btn{padding:7rpx 15rpx;font-size:20rpx}.xs.btn.iconfont{padding:0;width:50rpx;height:50rpx;font-size:20rpx}.sm.btn{padding:10rpx 20rpx;height:50rpx;font-size:24rpx}.sm.btn.iconfont{padding:0;width:60rpx;height:60rpx;font-size:25rpx}.lg.btn{padding:16rpx 30rpx;font-size:32rpx}.lg.btn.iconfont{padding:0;width:80rpx;height:80rpx;font-size:35rpx}.xl.btn{padding:19rpx 35rpx;font-size:36rpx}.xl.btn.iconfont{padding:0;width:90rpx;height:90rpx;font-size:40rpx}.btn.block{display:flex}.btn[disabled]:not([type]){opacity:.6}.btn::after{position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;border:1px solid rgba(0,0,0,.2);border-radius:10px;content:" ";-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0}.btn.iconfont,.btn.iconfont::after,.btn.round,.btn.round::after{border-radius:500rpx}.btn.hollow{background:0 0!important}.gray.btn{box-shadow:2px 2px 3px rgba(200,200,200,.2)}.primary.btn{box-shadow:2px 2px 3px rgba(14,144,210,.2)}.secondary.btn{box-shadow:2px 2px 3px rgba(59,180,242,.2)}.success.btn{box-shadow:2px 2px 3px rgba(94,185,94,.2)}.warning.btn{box-shadow:2px 2px 3px rgba(243,123,29,.2)}.danger.btn{box-shadow:2px 2px 3px rgba(215,52,46,.2)}.gray.btn.hollow{color:#888}.gray.btn.hollow::after{border:1px solid rgba(0,0,0,.2)}.primary.btn.hollow{color:#0081ff}.primary.btn.hollow::after{border:1rpx solid #0081ff}.secondary.btn.hollow{color:#1cbbb4}.secondary.btn.hollow::after{border:1rpx solid #1cbbb4}.success.btn.hollow{color:#39b54a}.success.btn.hollow::after{border:1rpx solid #39b54a}.warning.btn.hollow{color:#f37b1d}.warning.btn.hollow::after{border:1rpx solid #f37b1d}.danger.btn.hollow{color:#dd514c}.danger.btn.hollow::after{border:1rpx solid #dd514c}.foot-btn{position:fixed;bottom:0;z-index:999;display:flex;padding:20rpx 0;width:100%;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);justify-content:center}.foot-btn .btn{margin:0 30rpx;max-width:375rpx;flex:1}.fixed.btn{position:fixed;right:30rpx;bottom:30rpx;z-index:997;display:flex;padding:20rpx 0;border-radius:50%;align-items:center;justify-content:center;flex-wrap:wrap}.fixed.btn text{display:block;width:100rpx;text-align:center;font-size:24rpx;line-height:30rpx}.text-xs{font-size:20rpx}.text-sm{font-size:24rpx}.text-df{font-size:28rpx}.text-lg{font-size:32rpx}.text-xl{font-size:36rpx}.text-xxl{font-size:40rpx}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bold-text{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.gray-text{color:#888}.grays-text{color:#aaa}.danger-text{color:#dd514c}.success-text{color:#5db85d}.warning-text{color:#f37b1d}.primary-text{color:#0081ff}.secondary-text{color:#36b2f2}.purple-text{color:#cd00ff}.weixin-text{color:#51c332}.solids{border:2px solid #eee}.solids-top{border-top:2px solid #eee}.solids-right{border-right:2px solid #eee}.solids-bottom{border-bottom:2px solid #eee}.solids-left{border-left:2px solid #eee}.solid,.solid-bottom,.solid-left,.solid-right,.solid-top{position:relative}.solid-bottom::after,.solid-left::after,.solid-right::after,.solid-top::after,.solid::after{position:absolute;top:0;left:0;width:200%;height:200%;content:" ";-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0}.solid::after{border:1px solid rgba(0,0,0,.1)}.solid-top::after{border-top:1px solid rgba(0,0,0,.1)}.solid-right::after{border-right:1px solid rgba(0,0,0,.1)}.solid-bottom::after{border-bottom:1px solid rgba(0,0,0,.1)}.solid-left::after{border-left:1px solid rgba(0,0,0,.1)}.dashed{border:1px dashed #ddd}.dashed-top{border-top:1px dashed #ddd}.dashed-right{border-right:1px dashed #ddd}.dashed-bottom{border-bottom:1px dashed #ddd}.dashed-left{border-left:1px dashed #ddd}.shadow{box-shadow:0 1px 3px rgba(0,0,0,.1)}.bottomfix.shadow{box-shadow:0 -1px 3px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 20px 50px 0 rgba(0,0,0,.07)}.bottomfix.shadow-lg{box-shadow:0 -20px 50px 0 rgba(0,0,0,.07)}.shadow-alice{position:relative;box-shadow:0 0 5px rgba(0,0,0,.1)}.shadow-alice:after,.shadow-alice:before{position:absolute;top:10px;bottom:15px;left:10px;z-index:-1;width:50%;box-shadow:0 15px 10px rgba(0,0,0,.2);content:"";-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);-ms-transform:rotate(-3deg)}.shadow-alice:after{right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);-ms-transform:rotate(3deg)}.badge{position:relative;display:inline-flex;box-sizing:border-box;padding:10rpx 20rpx;color:#fff;vertical-align:middle;font-size:20rpx;line-height:initial;align-items:stretch;justify-content:center}.badge.sm{padding:8rpx 10rpx;font-size:18rpx}.capsule-badge text:last-child{background:#fff;color:#888}.capsule-badge text{display:flex;padding:10rpx 20rpx;align-items:center}.capsule-badge{overflow:hidden;padding:0;border:1rpx solid transparent}.mark-badge{position:absolute;top:-11rpx;right:-14rpx;padding:8rpx 13rpx 5rpx;border-radius:100rpx;background:#dd514c;font-size:18rpx}.mark-badge.cur{top:-4rpx;right:-4rpx;padding:8rpx}.bar{position:relative;display:flex;height:90rpx;background:#fff;align-items:center}.bar-text{position:absolute;top:0;left:0;overflow:hidden;padding:0 160rpx;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:90rpx;cursor:none;pointer-events:none}.bar image{width:65rpx;height:65rpx}.bar.topfix{position:fixed;top:0;z-index:999;width:100%}.bar.bottomfix{position:fixed;bottom:0;z-index:999;width:100%}.bottomfix input{overflow:initial;height:60rpx;line-height:60rpx}.bar.bottomfix.btns{align-items:stretch}.bar.bottomfix.btns>view{position:relative;display:flex;text-align:center;align-items:center;justify-content:center}.bar.bottomfix.btns .mark-badge{right:15rpx}.bar.bottomfix.btns .mark-badge.cur{top:15rpx;right:40rpx}.bar .serach-round{display:flex;border-radius:100rpx;background:#f5f5f5;color:#666;font-size:24rpx;line-height:70rpx;flex:1;align-items:center}.bar .serach-round .iconfont{display:inline-block;width:70rpx;text-align:center}.bar .serach-form{display:flex;align-items:center;flex:1}.bar .serach-form .iconfont{display:inline-block;width:80rpx;text-align:center;font-size:40rpx}.bar-close{position:absolute;top:15rpx;right:15rpx}.loading-more{display:flex;height:100rpx;background:#f5f5f5;color:#999;align-items:center;justify-content:center}.loading-more.cur .no-more{display:none}.loading-more.cur .loading-ing{display:block}.loading-more .loading-ing{display:none}.loading-more .no-more{display:block}@keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.iconfont-spin{display:inline-block;-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear}.iconfont-pulse{display:inline-block;-webkit-animation:icon-spin 1s infinite steps(8);animation:icon-spin 1s infinite steps(8)}.mode-loading{position:fixed;top:0;right:0;bottom:140rpx;left:0;z-index:9999;display:flex;margin:auto;width:260rpx;height:260rpx;border-radius:10rpx;background:#fff;box-shadow:0 0 0rpx 2000rpx rgba(0,0,0,.5);text-align:center;font-size:28rpx;align-items:center;justify-content:center}.mode-loading .iconfont{font-size:150%}.mode-loading::after{position:absolute;z-index:-1;width:200rpx;height:200rpx;border-top:6rpx solid rgba(0,0,0,.05);border-right:6rpx solid rgba(0,0,0,.05);border-bottom:6rpx solid rgba(0,0,0,.05);border-left:6rpx solid #f37b1d;border-radius:50%;background:#fff;content:"";font-size:10px;animation:icon-spin 1s infinite linear}.img-xs{width:40rpx}.img-sm{width:60rpx}.img-df{width:80rpx}.img-lg{width:100rpx}.img-xl{width:120rpx}.img-block{width:100%}.lattice-image{display:flex;padding-bottom:2%;flex-wrap:wrap}.lattice-image>view{position:relative;display:flex;overflow:hidden;margin-top:2%;margin-right:2%;padding-bottom:32%;width:32%;border-radius:4rpx;background-position:center;background-size:cover;background-repeat:no-repeat;color:#888;justify-content:center;align-items:center}.lattice-image>view:nth-child(3n){margin-right:0}.lattice-image>view image{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.lattice-btn .iconfont{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:50rpx;height:50rpx;text-align:center;font-size:50rpx;line-height:50rpx}.lattice-btn{border:1rpx solid #ddd}.lattice-image .icon-close,.lattice-image .icon-upload{position:absolute;top:0;right:0;z-index:9;display:block;width:50rpx;border-bottom-left-radius:3px;background:rgba(0,0,0,.5);color:#fff;text-align:center;font-size:28rpx;line-height:50rpx}.icon-nav-box{position:relative;z-index:888;overflow-x:auto;width:100%}.icon-nav-box .icon-nav{display:flex;padding:30rpx 0;width:1125rpx;height:360rpx;background:#fff;flex-wrap:wrap}.icon-nav-box .icon-nav-navigator{display:block;margin:10rpx 0;width:187.5rpx;text-align:center;line-height:0}.icon-nav-navigator .iconfont{position:relative;display:inline-block;width:80rpx;height:80rpx;border-radius:46%;color:#fff;font-size:40rpx;line-height:80rpx}.icon-nav-navigator .icon-nav-text{display:block;margin-top:10rpx;color:#888;font-size:26rpx;line-height:40rpx}.icon-nav-navigator:nth-child(1) .iconfont{background:#6ca3d9}.icon-nav-navigator:nth-child(2) .iconfont{background:#6cd9d9}.icon-nav-navigator:nth-child(3) .iconfont{background:#6cd96c}.icon-nav-navigator:nth-child(4) .iconfont{background:#d96ca3}.icon-nav-navigator:nth-child(5) .iconfont{background:#d9a36c}.icon-nav-navigator:nth-child(6) .iconfont{background:#a36cd9}.icon-nav-navigator:nth-child(7) .iconfont{background:#efa360}.icon-nav-navigator:nth-child(8) .iconfont{background:#bfbe60}.icon-nav-navigator:nth-child(9) .iconfont{background:#a3d96c}.icon-nav-navigator:nth-child(10) .iconfont{background:#6c6cd9}.icon-nav-navigator:nth-child(11) .iconfont{background:#eb7e86}.icon-nav-navigator:nth-child(12) .iconfont{background:#6cd9a3}.icon-bar-box{position:relative;z-index:889;margin-top:-20rpx;height:20rpx;background:#fff}.icon-bar{position:absolute;right:0;bottom:8px;left:0;margin:auto;width:40%;height:5rpx;background:#eee}.icon-bar-dot{width:80%;height:5rpx;background:#39b54a}.fixed-nav{position:fixed;top:0;z-index:999}.nav{overflow-x:auto;overflow-y:hidden;width:100%;height:92rpx;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);white-space:nowrap;font-size:30rpx}.success-nav{background:#39b54a;color:#fff}.warning-nav{background:#f37b1d;color:#fff}.success-nav .nav-item,.warning-nav .nav-item{color:#fff}.success-nav .nav-item.cur,.warning-nav .nav-item.cur{border-bottom:8rpx solid #fff;color:#fff}.nav-item-box{padding:0 20rpx;height:92rpx}.nav-item{display:inline-block;overflow:hidden;margin:0 26rpx;height:92rpx;color:#666;line-height:92rpx}.nav-item.cur{border-bottom:8rpx solid #39b54a;color:#39b54a}.nav-item-childer{position:fixed;top:93rpx;left:0;z-index:998;width:100%;background:#fff;box-shadow:0 1000px 0 1000px rgba(0,0,0,.5)}.center-nav{display:flex;justify-content:center}.center-nav .nav-item{flex:1}.menu-nav{display:flex;overflow:hidden;align-items:center}.menu-nav .nav-item-box{overflow-x:auto;overflow-y:hidden;width:600rpx}.menu-nav-btn{padding:0 20rpx;width:150rpx;height:60rpx;border-left:1rpx solid #eee;text-align:center;font-size:28rpx;line-height:60rpx}.scroll-nav{position:relative;padding-top:92rpx}.scroll-nav .nav{position:absolute;top:0rpx;z-index:999}.scroll-nav .nav.fixed-nav{position:fixed;top:0rpx;border:none}.modal-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1110;display:none;outline:0;background:rgba(0,0,0,.6);text-align:center;opacity:0;-webkit-transform:scale(1.185);transform:scale(1.185);-ms-transform:scale(1.185);backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.modal-box::before{display:inline-block;height:100%;content:"\200B";vertical-align:middle}.modal-box.cur{display:block;overflow-x:hidden;overflow-y:auto;opacity:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}.modal-dialog{position:relative;display:inline-block;overflow:hidden;margin-right:auto;margin-left:auto;width:680rpx;max-width:100%;border-radius:10rpx;background:#f8f8f8;vertical-align:middle}.modal-title{margin-bottom:1rpx;padding:20rpx;background:#fff;font-size:32rpx;line-height:60rpx}.modal-close{position:absolute;top:0rpx;right:0rpx;width:60rpx;height:45rpx;border-bottom-left-radius:10rpx;background:#f83d2a;color:#fff}.modal-bd{background:#fff;text-align:left}.modal-message{padding:50rpx 30rpx}.modal-option{display:flex;border-top:1rpx solid #eee;background:#fff;text-align:center;align-items:center}.modal-option-btn{line-height:100rpx;flex:1}.modal-option-btn+.modal-option-btn{border-left:1rpx solid #eee}.modal-box.bottom-modal::before{vertical-align:bottom}.modal-box.bottom-modal .modal-dialog{width:100%;border-radius:0}.single-modal{padding:20rpx;background:#fff;text-align:center}.single-modal-item{float:left;overflow:hidden;margin-right:2%;margin-bottom:20rpx;padding:20rpx;width:32%;border-radius:3px;background:#f5f5f5;color:#666;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:32rpx;line-height:36rpx}.single-modal-item:nth-child(3n){float:right;margin-right:0}.single-modal-item.cur{background:#f37b1d;color:#fff}.list-box{padding:0 30rpx;background:#fff}.list-li{position:relative;display:flex;height:100rpx;border-bottom:1px solid #eee;font-size:32rpx;line-height:36rpx;justify-content:space-between;align-items:center}.list-li:last-child{border:none}.list-arrow{padding-right:35rpx}.list-arrow::after{position:absolute;top:1px;right:0;bottom:0;display:block;margin:auto;width:30rpx;height:30rpx;color:#aaa;content:"\e6a3";text-align:center;font-size:34rpx;font-family:iconfont!important;line-height:30rpx}.list-box+.list-box{margin-top:20rpx}.list-li .list-text .iconfont{display:inline-block;width:60rpx;text-align:center;font-size:36rpx}.list-text{display:inline-block}.list-text text{margin-left:10rpx;color:#888;font-size:28rpx}.list-icon{font-size:24rpx}.list-badge{display:flex;align-items:center}.list-badge .mark-badge{position:relative;top:0!important;right:0!important}.list-tx{display:flex;height:70rpx;font-size:28rpx;align-items:center}.list-tx-img image{position:relative;width:60rpx;height:60rpx;border:5rpx solid #fff;border-radius:50%;vertical-align:middle}.list-tx:first-child .list-tx-img image{width:80rpx;height:80rpx}.list-tx-img image:nth-of-type(1){z-index:5}.list-tx-img image:nth-of-type(2){z-index:4}.list-tx-img image:nth-of-type(3){z-index:3}.list-tx-img image:nth-of-type(4){z-index:2}.list-tx-img image:nth-of-type(5){z-index:1}.list-tx-img image+image{position:relative;margin-right:5px;margin-left:-25rpx}.list-tx-img+text{margin-left:10rpx}.list-btn{display:flex;height:70rpx;align-items:center}.list-btn button{height:56rpx;font-size:24rpx}.list-btn button+button{margin-left:15rpx}.lattice-list{display:flex;padding:0;text-align:center;flex-wrap:wrap}.lattice-li{padding:30rpx;width:250rpx;height:250rpx;border-right:1rpx solid #eee;border-bottom:1rpx solid #eee}.lattice-li:nth-child(3n){border-right:0rpx solid #eee}.lattice-li .iconfont{display:block;width:100%;font-size:60rpx;line-height:120rpx}.list-double-col{display:flex;padding:0;flex-wrap:wrap}.list-double-col .list-li{margin-top:-1rpx;padding:0 20rpx;width:50%;border-top:1rpx solid #eee}.list-double-col .list-li:nth-child(odd){border-right:1rpx solid #eee}.user{position:relative;overflow:hidden;margin-bottom:20rpx;background:#333;color:#fff}.user .user-top{position:relative;z-index:1;display:flex;padding:30rpx;align-items:center}.user-bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2);filter:blur(5px)}.user-img image{width:120rpx;height:120rpx}.user-text{padding-left:30rpx;line-height:60rpx;flex:1}.user-name{font-size:40rpx}.user-name text{color:#aaa;font-size:32rpx}.user .user-sub{display:block;width:auto}.user-img{height:120rpx}.user-nav{display:flex;padding:10rpx 0 0;background:#fff}.user-nav.icon-nav-box .icon-nav{padding:0;width:100%;height:auto;align-items:center}.user-nav.icon-nav-box .icon-nav-navigator{margin:20rpx 0 10rpx;width:25%}.user-nav .icon-nav-navigator:nth-child(1) .iconfont{background:#f1a077}.user-nav .icon-nav-navigator:nth-child(2) .iconfont{background:#7eb1eb}.user-nav .icon-nav-navigator:nth-child(3) .iconfont{background:#f1888b}.user-nav .icon-nav-navigator:nth-child(4) .iconfont{background:#68cd93}.count-icon{color:#aaa}.count-icon .iconfont{font-size:24rpx}.count-icon .iconfont+.iconfont{margin-left:14rpx}.count-icon .iconfont::before{margin-right:6rpx;font-size:28rpx}.form-box{margin-bottom:20rpx;background:#fff}.form-item{display:flex;padding:0 20rpx;min-height:100rpx;border-bottom:1rpx solid #eee;align-items:center}.form-title{position:relative;padding-right:40rpx;width:170rpx;height:45rpx;text-align:justify;font-size:30rpx}.form-title-sm{width:100rpx;text-align:left}.form-title.cur::before{position:absolute;top:0;right:25rpx;border-radius:50rpx;color:#da0000;content:"*"}.form-title::after{display:inline-block;width:100%;height:0;content:"";vertical-align:middle}.form-input{flex:1}.form-input-btn{padding:0 10rpx;text-align:center}.form-input-btn>.iconfont{padding:0 10rpx;font-size:32rpx}.form-arrow,.form-item picker{position:relative;overflow:hidden;padding-right:40rpx;flex:1}.form-arrow,.form-item .picker{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-arrow::after,.form-item picker::after{position:absolute;top:0;right:0;bottom:0;display:block;margin:auto;width:40rpx;height:30rpx;color:#aaa;content:"\e6a3";text-align:center;font-size:34rpx;font-family:iconfont!important;line-height:30rpx}.form-avatar-box{display:flex;align-items:center}.form-avatar{display:flex;overflow:hidden;margin:20rpx;width:180rpx;height:180rpx;border-radius:6rpx;background-color:#f1f1f1;background-position:center;background-size:cover;background-repeat:no-repeat;align-items:flex-end}.form-avatar text{background:rgba(0,0,0,.5);color:#fff;text-align:center;font-size:24rpx;line-height:58rpx;flex:1}.form-avatar-item{padding-right:20rpx;flex:1}.form-avatar-item .form-item:last-child{border:none}.double-chose{display:flex;background:#fff}.double-chose-first{background:#f5f5f5}.double-chose view{padding:20rpx;width:100%;border-bottom:1rpx solid #ddd;line-height:50rpx}.double-chose-first view.cur{background:#fff}.form-textarea .form-title{margin-top:-4rpx}.form-textarea{padding:30rpx 20rpx;height:180rpx;align-items:flex-start}.form-textarea textarea{flex:1}.form-item.hide textarea{display:none}.form-item textarea{width:100%;height:115rpx}.form-arrow.form-add::after{content:"\e73b"}.form-upload{padding:30rpx 20rpx 20rpx;flex-wrap:wrap}.form-box .lattice-image{margin-top:10rpx;width:100%}.member-item{position:relative;display:flex;border-bottom:1rpx solid #eee;background:#fff}.member-avatar{margin:20rpx;width:80rpx;height:80rpx}.member-avatar image{margin:0}.member-main{padding:20rpx 20rpx 20rpx 0;flex:1}.member-main-desc{margin:10rpx 0;font-size:30rpx;line-height:40rpx}.member-flex{display:flex;margin-bottom:5rpx;line-height:60rpx;align-items:center;justify-content:space-between}.member-flex .badge{margin-left:0}.member-flex-sub{flex:1}.member-item-sub{margin-top:20rpx}.member-item navigator{display:inline-block}.member-main-sub{border-top:0}.member-main-sub+.member-main-sub{margin-top:20rpx;padding-top:20rpx;border-top:1rpx dashed #eee}.comment{background:#fff}.comment-item .bar{border-bottom:0}.comment-item .btn,.comment-item button{margin-right:0}.comment-item .bar .bar{border:none}.comment-item .bar image{margin-left:0;width:60rpx;height:60rpx}.comment-item .text-sm{margin-left:20rpx}.comment-sub{margin-top:15rpx;padding:20rpx;background:#f1f1f1}.item-list-data{display:flex;padding:20rpx 0;line-height:40rpx;align-items:center}.item-list-data image{width:80rpx;height:80rpx}.item-list-author{padding-left:20rpx;flex:1}.item-list-name text{color:#888;font-size:26rpx}.item-list-info{display:flex;color:#aaa;font-size:24rpx;justify-content:space-between}.item-list-info text+text{margin-left:15rpx}.case-list-li{margin-bottom:20rpx;padding:20rpx 20rpx 0;background:#fff}.case-list-img{position:relative;overflow:hidden;border-radius:8rpx}.case-list-img image{display:flex;width:100%}.case-list-badge{position:absolute;top:0rpx;right:0rpx;padding:10rpx 20rpx;border-bottom-left-radius:10rpx;background-color:#1cbbb4;color:#fff;vertical-align:baseline;text-align:center;white-space:nowrap;font-weight:300;font-size:24rpx;line-height:1}.case-list-title{position:absolute;bottom:0;padding:10rpx 20rpx;width:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);color:#fff;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-weight:900;font-size:32rpx}.article-list-li{margin-bottom:20rpx;padding:0rpx 20rpx;background:#fff}.article-list-title{color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-weight:900;font-size:32rpx;line-height:100rpx}.article-list-content{display:flex}.article-list-thumbs{overflow:hidden;width:260rpx;height:175rpx}.article-list-thumbs image{width:260rpx;height:175rpx}.article-list-desc{width:500rpx;flex:1}.article-list-thumbs+.article-list-desc{padding-left:20rpx}.article-list-text{float:left;overflow:hidden;height:120rpx;color:#888;font-size:28rpx;line-height:40rpx}.card-list-box{display:flex;padding:20rpx;flex-wrap:wrap;justify-content:space-between}.ins-list-li{overflow:hidden;margin-bottom:20rpx;width:345rpx;border-radius:8rpx}.ins-list-img image{width:100%}.ins-list-img{position:relative;overflow:hidden;height:380rpx}.ins-list-author{display:flex;padding:20rpx;height:80rpx;background:#fff;align-items:center}.ins-list-author image{margin-right:20rpx;width:60rpx;height:60rpx}.ins-list-title{position:absolute;bottom:0;padding:10rpx 20rpx;width:100%;border-bottom-left-radius:8rpx;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);color:#fff;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:30rpx}.ins-list-num{position:absolute;top:10rpx;right:10rpx;display:flex;padding:5rpx 15rpx;width:210rpx;border-radius:12rpx;background:rgba(0,0,0,.5);color:#fff;font-size:22rpx;justify-content:space-between}.order-list-li{margin-bottom:20rpx;padding:20rpx;background:#fff}.align-center,.order-list-title{align-items:center}.order-list-title .badge{margin-right:20rpx}.order-list-flex{display:flex;font-size:26rpx;line-height:60rpx}.order-list-info text,.order-sub-li text{color:#f83d2a}.order-sub-li{font-size:26rpx;line-height:60rpx;flex:1.2;align-items:center}.order-sub-li:first-child{flex:1.2}.order-sub-li:last-child{flex:.6}.order-list-info{margin-top:10rpx;line-height:40rpx}.order-list-li>.lattice-image{margin-top:10rpx}.order-list-li>.lattice-image>view{height:220rpx}.order-item{background:#fff}.order-item+.order-item{margin-top:20rpx}.order-item .order-bar{display:flex;height:90rpx;align-items:center}.order-item .goods-main{display:flex;padding:20rpx;background:#f5f5f5}.order-item .goods-main+.goods-main{border-top:1px dashed #ddd}.order-item .goods-main .goods-list-img{width:160rpx;height:160rpx}.order-item .goods-text{padding:0 20rpx;flex:1}.order-item .goods-info{width:150rpx;text-align:right}.order-item .price{color:#f60;font-size:32rpx}.order-item .del-price{color:#aaa;text-decoration:line-through}.column-box{padding:10rpx;counter-reset:item-counter;column-count:2;column-gap:0}.column-li{padding:10rpx;counter-increment:item-counter;break-inside:avoid}.column-li image{display:flex;width:100%}.goods-list-li{margin-bottom:20rpx;padding:20rpx;background:#fff}.goods-list-main{display:flex}.goods-list-img{width:200rpx;height:200rpx}.goods-list-text{display:flex;margin-left:20rpx;flex:1;flex-wrap:wrap;align-items:flex-start}.goods-list-foot{display:flex;width:100%;align-self:flex-end;justify-content:space-between;align-items:flex-end}.goods-list-price{color:#dd514c;font-size:36rpx;flex:1}.goods-list-price text::before,.goods-list-price::before{content:"¥ ";font-size:120%}.goods-list-price text{text-decoration:line-through;font-size:24rpx}.side{position:fixed;top:0;left:0;z-index:1000;overflow-y:auto;width:650rpx;height:100%;background:#f1f1f1;box-shadow:0 0 0 1000px rgba(0,0,0,.5)}.side-right{right:0;left:auto}.side-list{width:400rpx}.side-close{position:fixed;top:0rpx;right:0rpx;z-index:997;width:350rpx;height:100%;background:rgba(0,0,0,.1)}.side-right .side-close{right:auto;left:0rpx;width:100rpx}rich-text{color:#555}rich-text .wx-img{max-width:100%}rich-text .wx-p{margin-bottom:20rpx;font-size:28rpx}.card-box{padding:40rpx;background:#eee}.card{position:relative;overflow:hidden;border-radius:10rpx;background-color:#000;color:#fff}.card view{position:relative;z-index:1}.card-top{display:flex;padding:40rpx 40rpx 0;align-items:center}.card-top .text{padding:10rpx 0;flex:1}.card-top image+.text{padding-left:20rpx}.card .text-df{opacity:.7}.card-avarat{width:120rpx;height:120rpx;border-radius:3px}.card .card-bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2);filter:blur(5px)}.card-bg-img{width:100%;height:100%}.card-info{display:flex;padding:20rpx 40rpx}.card-text{flex:1}.card-qrcode{text-align:center;opacity:.5}.card-top .card-qrcode{display:flex;align-items:center;align-self:flex-start}.card-data{padding:0 40rpx 20rpx}.card-nav{padding:20rpx 40rpx 0;font-size:32rpx;align-items:center}.white{background:#fff}.gray{background:#eee;color:#666}.primary{background:#0081ff;color:#fff}.secondary{background:#1cbbb4;color:#fff}.success{background:#39b54a;color:#fff}.warning{background:#f37b1d;color:#fff}.danger{background:#dd514c;color:#fff}@-webkit-keyframes progress-bar-stripes{from{background-position:36px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:36px 0}to{background-position:0 0}}.progress{overflow:hidden;height:30rpx;background-color:#f5f5f5;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;background-color:#0081ff;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);color:#fff;text-align:center;font-size:20rpx;line-height:30rpx;-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:36px 36px;-webkit-background-size:36px 36px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{min-width:30px;background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#999}.progress-bar-secondary{background-color:#1cbbb4}.progress-striped .progress-bar-secondary{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-success{background-color:#39b54a}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f37b1d}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#dd514c}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-xs{height:10rpx}.progress-sm{height:20rpx}.chat-item{display:flex;padding:20rpx}.chat-main{margin-right:40rpx;flex:1}.chat-left .chat-main{margin-left:40rpx}.chat-centact{position:relative;display:inline-block;padding:20rpx;max-width:470rpx;border-radius:6rpx;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#666;line-height:40rpx}.chat-centact.success{background:#5db85d;color:#fff}.chat-centact::before{position:absolute;top:26rpx;right:-7px;z-index:100;display:inline-block;overflow:hidden;width:0;height:0;border-top:8px solid transparent;border-right:8px solid #333;border-bottom:8px solid transparent;border-left:0 dotted;content:"";vertical-align:middle;-webkit-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);border-right-color:#fff}.chat-centact text{margin-right:20rpx;color:#888}.chat-item{border:none}.chat-left .chat-centact::before{right:initial;left:-7px;border-right:0 dotted;border-left:8px solid #333;border-left-color:#fff}.chat-centact.success::before{border-right-color:#5db85d}.chat-centact image{display:block;max-width:100%}
\ No newline at end of file
diff --git a/icon.wxss b/icon.wxss
new file mode 100644
index 0000000..244f50d
--- /dev/null
+++ b/icon.wxss
@@ -0,0 +1 @@
+@keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.iconfont-spin{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear;display:inline-block}.iconfont-pulse{-webkit-animation:icon-spin 1s infinite steps(8);animation:icon-spin 1s infinite steps(8);display:inline-block}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_533566_vyjm7w9hbdb73nmi.eot?t=1523893295837);src:url(//at.alicdn.com/t/font_533566_vyjm7w9hbdb73nmi.eot?t=1523893295837#iefix) format('embedded-opentype'),url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),url(//at.alicdn.com/t/font_533566_vyjm7w9hbdb73nmi.ttf?t=1523893295837) format('truetype'),url(//at.alicdn.com/t/font_533566_vyjm7w9hbdb73nmi.svg?t=1523893295837#iconfont) format('svg')}.iconfont{font-family:iconfont!important;font-size:inherit;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-appreciate:before{content:"\e644"}.icon-check:before{content:"\e645"}.icon-close:before{content:"\e646"}.icon-edit:before{content:"\e649"}.icon-emoji:before{content:"\e64a"}.icon-favorfill:before{content:"\e64b"}.icon-favor:before{content:"\e64c"}.icon-loading:before{content:"\e64f"}.icon-locationfill:before{content:"\e650"}.icon-location:before{content:"\e651"}.icon-phone:before{content:"\e652"}.icon-roundcheckfill:before{content:"\e656"}.icon-roundcheck:before{content:"\e657"}.icon-roundclosefill:before{content:"\e658"}.icon-roundclose:before{content:"\e659"}.icon-roundrightfill:before{content:"\e65a"}.icon-roundright:before{content:"\e65b"}.icon-search:before{content:"\e65c"}.icon-taxi:before{content:"\e65d"}.icon-timefill:before{content:"\e65e"}.icon-time:before{content:"\e65f"}.icon-unfold:before{content:"\e661"}.icon-warnfill:before{content:"\e662"}.icon-warn:before{content:"\e663"}.icon-camerafill:before{content:"\e664"}.icon-camera:before{content:"\e665"}.icon-commentfill:before{content:"\e666"}.icon-comment:before{content:"\e667"}.icon-likefill:before{content:"\e668"}.icon-like:before{content:"\e669"}.icon-notificationfill:before{content:"\e66a"}.icon-notification:before{content:"\e66b"}.icon-order:before{content:"\e66c"}.icon-samefill:before{content:"\e66d"}.icon-same:before{content:"\e66e"}.icon-deliver:before{content:"\e671"}.icon-evaluate:before{content:"\e672"}.icon-pay:before{content:"\e673"}.icon-send:before{content:"\e675"}.icon-shop:before{content:"\e676"}.icon-ticket:before{content:"\e677"}.icon-wang:before{content:"\e678"}.icon-back:before{content:"\e679"}.icon-cascades:before{content:"\e67c"}.icon-discover:before{content:"\e67e"}.icon-list:before{content:"\e682"}.icon-more:before{content:"\e684"}.icon-scan:before{content:"\e689"}.icon-settings:before{content:"\e68a"}.icon-questionfill:before{content:"\e690"}.icon-question:before{content:"\e691"}.icon-shopfill:before{content:"\e697"}.icon-form:before{content:"\e699"}.icon-wangfill:before{content:"\e69a"}.icon-pic:before{content:"\e69b"}.icon-filter:before{content:"\e69c"}.icon-footprint:before{content:"\e69d"}.icon-top:before{content:"\e69e"}.icon-pulldown:before{content:"\e69f"}.icon-pullup:before{content:"\e6a0"}.icon-right:before{content:"\e6a3"}.icon-refresh:before{content:"\e6a4"}.icon-moreandroid:before{content:"\e6a5"}.icon-deletefill:before{content:"\e6a6"}.icon-refund:before{content:"\e6ac"}.icon-cart:before{content:"\e6af"}.icon-qrcode:before{content:"\e6b0"}.icon-remind:before{content:"\e6b2"}.icon-delete:before{content:"\e6b4"}.icon-profile:before{content:"\e6b7"}.icon-home:before{content:"\e6b8"}.icon-cartfill:before{content:"\e6b9"}.icon-discoverfill:before{content:"\e6ba"}.icon-homefill:before{content:"\e6bb"}.icon-message:before{content:"\e6bc"}.icon-addressbook:before{content:"\e6bd"}.icon-link:before{content:"\e6bf"}.icon-lock:before{content:"\e6c0"}.icon-unlock:before{content:"\e6c2"}.icon-vip:before{content:"\e6c3"}.icon-weibo:before{content:"\e6c4"}.icon-activity:before{content:"\e6c5"}.icon-friendaddfill:before{content:"\e6c9"}.icon-friendadd:before{content:"\e6ca"}.icon-friendfamous:before{content:"\e6cb"}.icon-friend:before{content:"\e6cc"}.icon-goods:before{content:"\e6cd"}.icon-selection:before{content:"\e6ce"}.icon-explore:before{content:"\e6d2"}.icon-present:before{content:"\e6d3"}.icon-squarecheckfill:before{content:"\e6d4"}.icon-square:before{content:"\e6d5"}.icon-squarecheck:before{content:"\e6d6"}.icon-round:before{content:"\e6d7"}.icon-roundaddfill:before{content:"\e6d8"}.icon-roundadd:before{content:"\e6d9"}.icon-add:before{content:"\e6da"}.icon-notificationforbidfill:before{content:"\e6db"}.icon-explorefill:before{content:"\e6dd"}.icon-fold:before{content:"\e6de"}.icon-game:before{content:"\e6df"}.icon-redpacket:before{content:"\e6e0"}.icon-selectionfill:before{content:"\e6e1"}.icon-similar:before{content:"\e6e2"}.icon-appreciatefill:before{content:"\e6e3"}.icon-infofill:before{content:"\e6e4"}.icon-info:before{content:"\e6e5"}.icon-forwardfill:before{content:"\e6ea"}.icon-forward:before{content:"\e6eb"}.icon-rechargefill:before{content:"\e6ec"}.icon-recharge:before{content:"\e6ed"}.icon-vipcard:before{content:"\e6ee"}.icon-voice:before{content:"\e6ef"}.icon-voicefill:before{content:"\e6f0"}.icon-friendfavor:before{content:"\e6f1"}.icon-wifi:before{content:"\e6f2"}.icon-share:before{content:"\e6f3"}.icon-wefill:before{content:"\e6f4"}.icon-we:before{content:"\e6f5"}.icon-lightauto:before{content:"\e6f6"}.icon-lightforbid:before{content:"\e6f7"}.icon-lightfill:before{content:"\e6f8"}.icon-camerarotate:before{content:"\e6f9"}.icon-light:before{content:"\e6fa"}.icon-barcode:before{content:"\e6fb"}.icon-flashlightclose:before{content:"\e6fc"}.icon-flashlightopen:before{content:"\e6fd"}.icon-searchlist:before{content:"\e6fe"}.icon-service:before{content:"\e6ff"}.icon-sort:before{content:"\e700"}.icon-down:before{content:"\e703"}.icon-mobile:before{content:"\e704"}.icon-mobilefill:before{content:"\e705"}.icon-copy:before{content:"\e706"}.icon-countdownfill:before{content:"\e707"}.icon-countdown:before{content:"\e708"}.icon-noticefill:before{content:"\e709"}.icon-notice:before{content:"\e70a"}.icon-upstagefill:before{content:"\e70e"}.icon-upstage:before{content:"\e70f"}.icon-babyfill:before{content:"\e710"}.icon-baby:before{content:"\e711"}.icon-brandfill:before{content:"\e712"}.icon-brand:before{content:"\e713"}.icon-choicenessfill:before{content:"\e714"}.icon-choiceness:before{content:"\e715"}.icon-clothesfill:before{content:"\e716"}.icon-clothes:before{content:"\e717"}.icon-creativefill:before{content:"\e718"}.icon-creative:before{content:"\e719"}.icon-female:before{content:"\e71a"}.icon-keyboard:before{content:"\e71b"}.icon-male:before{content:"\e71c"}.icon-newfill:before{content:"\e71d"}.icon-new:before{content:"\e71e"}.icon-pullleft:before{content:"\e71f"}.icon-pullright:before{content:"\e720"}.icon-rankfill:before{content:"\e721"}.icon-rank:before{content:"\e722"}.icon-bad:before{content:"\e723"}.icon-cameraadd:before{content:"\e724"}.icon-focus:before{content:"\e725"}.icon-friendfill:before{content:"\e726"}.icon-cameraaddfill:before{content:"\e727"}.icon-apps:before{content:"\e729"}.icon-paintfill:before{content:"\e72a"}.icon-paint:before{content:"\e72b"}.icon-picfill:before{content:"\e72c"}.icon-refresharrow:before{content:"\e72d"}.icon-markfill:before{content:"\e730"}.icon-mark:before{content:"\e731"}.icon-presentfill:before{content:"\e732"}.icon-repeal:before{content:"\e733"}.icon-album:before{content:"\e734"}.icon-peoplefill:before{content:"\e735"}.icon-people:before{content:"\e736"}.icon-servicefill:before{content:"\e737"}.icon-repair:before{content:"\e738"}.icon-file:before{content:"\e739"}.icon-repairfill:before{content:"\e73a"}.icon-taoxiaopu:before{content:"\e73b"}.icon-attentionfill:before{content:"\e73c"}.icon-attention:before{content:"\e73d"}.icon-commandfill:before{content:"\e73e"}.icon-command:before{content:"\e73f"}.icon-communityfill:before{content:"\e740"}.icon-community:before{content:"\e741"}.icon-read:before{content:"\e742"}.icon-calendar:before{content:"\e74a"}.icon-cut:before{content:"\e74b"}.icon-magic:before{content:"\e74c"}.icon-backwardfill:before{content:"\e74d"}.icon-playfill:before{content:"\e74f"}.icon-stop:before{content:"\e750"}.icon-tagfill:before{content:"\e751"}.icon-tag:before{content:"\e752"}.icon-group:before{content:"\e753"}.icon-all:before{content:"\e755"}.icon-backdelete:before{content:"\e756"}.icon-hotfill:before{content:"\e757"}.icon-hot:before{content:"\e758"}.icon-post:before{content:"\e759"}.icon-radiobox:before{content:"\e75b"}.icon-rounddown:before{content:"\e75c"}.icon-upload:before{content:"\e75d"}.icon-writefill:before{content:"\e760"}.icon-write:before{content:"\e761"}.icon-radioboxfill:before{content:"\e763"}.icon-punch:before{content:"\e764"}.icon-shake:before{content:"\e765"}.icon-move:before{content:"\e768"}.icon-safe:before{content:"\e769"}.icon-activityfill:before{content:"\e775"}.icon-crownfill:before{content:"\e776"}.icon-crown:before{content:"\e777"}.icon-goodsfill:before{content:"\e778"}.icon-messagefill:before{content:"\e779"}.icon-profilefill:before{content:"\e77a"}.icon-sound:before{content:"\e77b"}.icon-sponsorfill:before{content:"\e77c"}.icon-sponsor:before{content:"\e77d"}.icon-upblock:before{content:"\e77e"}.icon-weblock:before{content:"\e77f"}.icon-weunblock:before{content:"\e780"}.icon-my:before{content:"\e78b"}.icon-myfill:before{content:"\e78c"}.icon-emojifill:before{content:"\e78d"}.icon-emojiflashfill:before{content:"\e78e"}.icon-flashbuyfill:before{content:"\e78f"}.icon-text:before{content:"\e791"}.icon-goodsfavor:before{content:"\e794"}.icon-musicfill:before{content:"\e795"}.icon-musicforbidfill:before{content:"\e796"}.icon-triangledownfill:before{content:"\e79b"}.icon-triangleupfill:before{content:"\e79c"}.icon-roundleftfill-copy:before{content:"\e79e"}.icon-title:before{content:"\e82f"}.icon-recordfill:before{content:"\e7a4"}.icon-record:before{content:"\e7a6"}.icon-cardboardfill:before{content:"\e7a9"}.icon-cardboard:before{content:"\e7aa"}.icon-formfill:before{content:"\e7ab"}.icon-coin:before{content:"\e7ac"}.icon-cardboardforbid:before{content:"\e7af"}.icon-circlefill:before{content:"\e7b0"}.icon-circle:before{content:"\e7b1"}.icon-attentionforbid:before{content:"\e7b2"}.icon-attentionforbidfill:before{content:"\e7b3"}.icon-attentionfavorfill:before{content:"\e7b4"}.icon-attentionfavor:before{content:"\e7b5"}.icon-titles:before{content:"\e701"}.icon-full:before{content:"\e7bc"}.icon-mail:before{content:"\e7bd"}.icon-peoplelist:before{content:"\e7be"}.icon-goodsnewfill:before{content:"\e7bf"}.icon-goodsnew:before{content:"\e7c0"}.icon-medalfill:before{content:"\e7c1"}.icon-medal:before{content:"\e7c2"}.icon-newsfill:before{content:"\e7c3"}.icon-newshotfill:before{content:"\e7c4"}.icon-newshot:before{content:"\e7c5"}.icon-news:before{content:"\e7c6"}.icon-videofill:before{content:"\e7c7"}.icon-video:before{content:"\e7c8"}.icon-exit:before{content:"\e7cb"}.icon-skinfill:before{content:"\e7cc"}.icon-skin:before{content:"\e7cd"}.icon-moneybagfill:before{content:"\e7ce"}.icon-usefullfill:before{content:"\e7cf"}.icon-usefull:before{content:"\e7d0"}.icon-moneybag:before{content:"\e7d1"}.icon-redpacket_fill:before{content:"\e7d3"}.icon-subscription:before{content:"\e7d4"}.icon-global:before{content:"\e7eb"}.icon-back_android:before{content:"\e7ed"}.icon-expressman:before{content:"\e7ef"}.icon-evaluate_fill:before{content:"\e7f0"}.icon-group_fill:before{content:"\e7f5"}.icon-play_forward_fill:before{content:"\e7f6"}.icon-deliver_fill:before{content:"\e7f7"}.icon-notice_forbid_fill:before{content:"\e7f8"}.icon-pick:before{content:"\e7fa"}
\ No newline at end of file
diff --git a/images/icon.jpg b/images/icon.jpg
new file mode 100644
index 0000000..37dce01
Binary files /dev/null and b/images/icon.jpg differ
diff --git a/images/index.png b/images/index.png
new file mode 100644
index 0000000..7a4219f
Binary files /dev/null and b/images/index.png differ
diff --git a/images/skin.jpg b/images/skin.jpg
new file mode 100644
index 0000000..164d83d
Binary files /dev/null and b/images/skin.jpg differ
diff --git a/pages/badge/badge.js b/pages/badge/badge.js
new file mode 100644
index 0000000..79e904c
--- /dev/null
+++ b/pages/badge/badge.js
@@ -0,0 +1,5 @@
+// pages/element/badge/badge.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/badge/badge.json b/pages/badge/badge.json
new file mode 100644
index 0000000..90fbfc6
--- /dev/null
+++ b/pages/badge/badge.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "徽章/Badge"
+}
\ No newline at end of file
diff --git a/pages/badge/badge.wxml b/pages/badge/badge.wxml
new file mode 100644
index 0000000..287fe4f
--- /dev/null
+++ b/pages/badge/badge.wxml
@@ -0,0 +1,89 @@
+<view class="bar solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>形状</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="flex align-center">
+    <view class='badge gray'>默认</view>
+    <view class='badge gray round ml-sm'>椭圆</view>
+    <view class='badge gray radius ml-sm'>圆角</view>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>尺寸</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="flex align-center">
+    <view class='badge gray sm mr-sm'>小尺寸</view>
+    <view class='badge gray'>默认</view>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>颜色</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="flex justify-between align-center">
+    <view class='badge gray'>暗灰</view>
+    <text class='badge primary round'>蔚蓝</text>
+    <text class='badge secondary radius'>天青</text>
+    <view class='badge success '>森绿</view>
+    <text class='badge warning round'>鲜橙</text>
+    <text class='badge danger radius'>嫣红</text>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>胶囊徽章</text>
+  </view>
+</view>
+
+<view class="doc-main">
+  <view class="flex justify-between align-center">
+    <view class='badge danger capsule-badge'>
+      <text class='iconfont icon-likefill'></text>
+      <text>1213</text>
+    </view>
+    <view class='badge primary round capsule-badge'>
+      <text>说明</text>
+    </view>
+    <view class='badge secondary round capsule-badge'>
+      <text>说明</text>
+      <text>说明</text>
+    </view>
+    <view class='badge warning radius capsule-badge'>
+      <text>说明</text>
+      <text>10:00</text>
+    </view>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>标记徽章</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="flex justify-between align-center">
+    <view class='mark-list-item'>
+      <text class='badge mark-badge cur'></text>
+    </view>
+    <view class='mark-list-item'>
+      <text class='badge mark-badge'>9</text>
+    </view>
+    <view class='mark-list-item'>
+      <text class='badge mark-badge'>99</text>
+    </view>
+    <view class='mark-list-item'>
+      <text class='badge mark-badge'>99+</text>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/badge/badge.wxss b/pages/badge/badge.wxss
new file mode 100644
index 0000000..ca9bb12
--- /dev/null
+++ b/pages/badge/badge.wxss
@@ -0,0 +1,11 @@
+page{
+  background: #f5f5f5;
+}
+.mark-list-item {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 10rpx;
+  background: #f5f5f5;
+  margin: 20rpx;
+  position: relative;
+}
diff --git a/pages/bar/bar.js b/pages/bar/bar.js
new file mode 100644
index 0000000..2feca6a
--- /dev/null
+++ b/pages/bar/bar.js
@@ -0,0 +1,22 @@
+// pages/element/bar/bar.js
+Page({
+  data: {
+    nav: [
+      { title: '标题 + 图标', name: 'normIcon' },
+      { title: '浮动在顶部', name: 'topfix' },
+      { title: '颜色', name: 'background' },
+      { title: '居中的标题', name: 'center' },
+      { title: '搜索 + 按钮', name: 'serach' },
+      { title: '头像 + 搜索（跳转）+ 城市', name: 'serachRound' },
+      { title: '浮动在底部', name: 'bottomfix' },
+      { title: '浮动在底部的方形按钮组', name: 'bottomfixBtns' },
+      { title: '浮动在底部的输入框', name: 'bottomfixInput' }
+    ],
+    barName: 'normIcon'
+  },
+  setName: function (e) {
+    this.setData({
+      barName: e.currentTarget.dataset.name
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/bar/bar.json b/pages/bar/bar.json
new file mode 100644
index 0000000..9f2ba5c
--- /dev/null
+++ b/pages/bar/bar.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "操作条/Bar"
+}
\ No newline at end of file
diff --git a/pages/bar/bar.wxml b/pages/bar/bar.wxml
new file mode 100644
index 0000000..6b05eb9
--- /dev/null
+++ b/pages/bar/bar.wxml
@@ -0,0 +1,124 @@
+<view class="bar" wx:if="{{barName=='normIcon'}}">
+  <view class='text-lg'>
+    <text class=' iconfont icon-titles warning-text ml-sm'></text> 猜你喜欢
+  </view>
+</view>
+
+<view class="bar mt-sm" wx:if="{{barName=='normIcon'}}">
+  <view class='text-lg'>
+    <text class=' iconfont icon-title success-text ml-sm'></text> 备注说明
+  </view>
+</view>
+
+<view class="bar mt-sm" wx:if="{{barName=='normIcon'}}">
+  <view class='text-lg'>
+    <text class='iconfont icon-back gray-text ml-sm'></text> 返回
+  </view>
+</view>
+
+<view class="bar gray" wx:if="{{barName=='background'}}">
+  <view class='text-lg'>
+    <text class='iconfont icon-back ml-sm'></text> 返回
+  </view>
+</view>
+<view class="bar primary mt-sm" wx:if="{{barName=='background'}}">
+  <view class='text-lg'>
+    <text class='iconfont icon-back ml-sm'></text> 返回
+  </view>
+</view>
+<view class="bar secondary mt-sm" wx:if="{{barName=='background'}}">
+  <view class='text-lg'>
+    <text class='iconfont icon-back ml-sm'></text> 返回
+  </view>
+</view>
+<view class="bar success mt-sm" wx:if="{{barName=='background'}}">
+  <view class='text-lg'>
+    <text class='iconfont icon-back ml-sm'></text> 返回
+  </view>
+</view>
+<view class="bar warning mt-sm" wx:if="{{barName=='background'}}">
+  <view class='text-lg'>
+    <text class='iconfont icon-back ml-sm'></text> 返回
+  </view>
+</view>
+<view class="bar danger mt-sm" wx:if="{{barName=='background'}}">
+  <view class='text-lg'>
+    <text class='iconfont icon-back ml-sm'></text> 返回
+  </view>
+</view>
+
+<view class="bar justify-between" wx:if="{{barName=='center'}}">
+  <view class='text-df'>
+    <text class='iconfont icon-back ml-sm text-lg'></text> 返回
+  </view>
+  <view class='bar-text'>操作条/Bar </view>
+  <view class='text-df'>
+    <text class='iconfont icon-share mr-sm text-lg'></text>
+  </view>
+</view>
+
+<view class="bar" wx:if="{{barName=='serach'}}">
+  <view class='serach-form'>
+    <text class="iconfont icon-search"></text>
+    <input type="text" class="search-input sub" placeholder="搜索图片、文章、视频" confirm-type="search" />
+  </view>
+  <button class='success btn sm mr-sm'>分类
+    <text class='iconfont icon-similar'></text>
+  </button>
+</view>
+
+<view class="bar success" wx:if="{{barName=='serachRound'}}">
+  <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg" class='round mh-sm'></image>
+  <view class='serach-round'>
+    <text class="iconfont icon-search"></text>
+    <text>搜索图片、文章、视频</text>
+  </view>
+  <view class='mh-sm text-sm'>广州
+    <text class="iconfont icon-triangledownfill"></text>
+  </view>
+</view>
+
+<view class="bar topfix shadow" wx:if="{{barName=='topfix'}}">
+  <view class='text-lg'>
+    <text class='iconfont icon-back ml-sm'></text> 返回
+  </view>
+</view>
+
+<view class="bar bottomfix shadow justify-center" wx:if="{{barName=='bottomfix'}}">
+  <button class='btn success round basis-sm'>提交保存</button>
+</view>
+<view class="bar bottomfix shadow btns" wx:if="{{barName=='bottomfixBtns'}}">
+  <view class='flex-sub solid-right'>
+    <view class="text-xs gray-text">
+      <view class='iconfont icon-service success-text text-lg'></view>
+      <text class='badge mark-badge cur'></text> 客服
+    </view>
+  </view>
+  <view class='flex-sub solid-right text-sm'>
+    <view class="text-xs gray-text">
+      <view class='iconfont icon-shop warning-text text-lg'></view>
+      店铺
+    </view>
+  </view>
+  <view class='flex-sub text-sm'>
+    <view class="text-xs gray-text">
+      <view class='iconfont icon-cart warning-text text-lg'></view>
+      <text class='badge mark-badge'>99</text> 购物车
+    </view>
+  </view>
+  <view class='danger flex-twice'>立即订购</view>
+</view>
+
+<view class="bar bottomfix shadow bar-textarea" wx:if="{{barName=='bottomfixInput'}}">
+  <input class='flex-sub solid-bottom ml-sm' focus="true" maxlength="300" cursor-spacing="10"></input>
+  <button class='success btn mh-sm'>发送</button>
+</view>
+
+<view class="{{barName=='topfix'?'fixed-page':''}}">
+  <view class="nav-list {{barName==item.name?'cur':''}}" wx:for="{{nav}}" wx:key="{{index}}" bindtap='setName' data-name='{{item.name}}'>
+    <view class="nav-title">{{item.title}}</view>
+    <view class="iconfont icon-right"></view>
+  </view>
+</view>
+
+<image src='/images/skin.jpg' mode='widthFix' class="fixed-image mt-df" wx:if="{{barName=='topfix'||barName=='bottomfixBtns'||barName=='bottomfixInput'}}"></image>
\ No newline at end of file
diff --git a/pages/bar/bar.wxss b/pages/bar/bar.wxss
new file mode 100644
index 0000000..0abc845
--- /dev/null
+++ b/pages/bar/bar.wxss
@@ -0,0 +1,10 @@
+page {
+  background: #f1f1f1;
+}
+.fixed-page{
+  margin-top: 120rpx;
+}
+.fixed-image{
+  width: 100%;
+  display:block;
+}
\ No newline at end of file
diff --git a/pages/border/border.js b/pages/border/border.js
new file mode 100644
index 0000000..3980f16
--- /dev/null
+++ b/pages/border/border.js
@@ -0,0 +1,5 @@
+// pages/document/border/border.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/border/border.json b/pages/border/border.json
new file mode 100644
index 0000000..5e2686b
--- /dev/null
+++ b/pages/border/border.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "边框/Border"
+}
\ No newline at end of file
diff --git a/pages/border/border.wxml b/pages/border/border.wxml
new file mode 100644
index 0000000..85737c3
--- /dev/null
+++ b/pages/border/border.wxml
@@ -0,0 +1,42 @@
+<view class="bar">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>实线</text>
+  </view>
+</view>
+<view class="flex p-xs mt-xs mb-sm flex-direction text-center">
+  <view class='doc-box-sub p-sm m-xs solid'>solid</view>
+  <view class='doc-box-sub p-sm m-xs solid-top'>solid-top</view>
+  <view class='doc-box-sub p-sm m-xs solid-right'>solid-right</view>
+  <view class='doc-box-sub p-sm m-xs solid-bottom'>solid-bottom</view>
+  <view class='doc-box-sub p-sm m-xs solid-left'>solid-left</view>
+
+  <view class='doc-box-sub p-sm m-xs solids mt-xl'>solids</view>
+  <view class='doc-box-sub p-sm m-xs solids-top'>solids-top</view>
+  <view class='doc-box-sub p-sm m-xs solids-right'>solids-right</view>
+  <view class='doc-box-sub p-sm m-xs solids-bottom'>solids-bottom</view>
+  <view class='doc-box-sub p-sm m-xs solids-left'>solids-left</view>
+</view>
+
+<view class="bar mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>虚线</text>
+  </view>
+</view>
+<view class="flex p-xs mt-xs mb-sm flex-direction text-center">
+  <view class='doc-box-sub p-sm m-xs dashed'>dashed</view>
+  <view class='doc-box-sub p-sm m-xs dashed-top'>dashed-top</view>
+  <view class='doc-box-sub p-sm m-xs dashed-right'>dashed-right</view>
+  <view class='doc-box-sub p-sm m-xs dashed-bottom'>dashed-bottom</view>
+  <view class='doc-box-sub p-sm m-xs dashed-left'>dashed-left</view>
+</view>
+
+<view class="bar mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>阴影</text>
+  </view>
+</view>
+<view class="flex p-xs mt-xs pb-lg flex-direction text-center">
+  <view class='doc-box-sub p-sm m-xs shadow'>shadow</view>
+  <view class='doc-box-sub p-sm m-xs mt-xl shadow-lg'>shadow-lg</view>
+  <view class='doc-box-sub p-sm m-xs mt-xl shadow-alice'>shadow-alice</view>
+</view>
\ No newline at end of file
diff --git a/pages/border/border.wxss b/pages/border/border.wxss
new file mode 100644
index 0000000..17e5cdc
--- /dev/null
+++ b/pages/border/border.wxss
@@ -0,0 +1,14 @@
+.doc-main {
+  background: transparent;
+}
+page{
+  background: #f5f5f5;
+}
+.doc-box-sub {
+  background: #fff;
+  border-radius: 0;
+}
+
+.doc-box-sub.shadow, .doc-box-sub.shadow-lg,.shadow-alice {
+  border-radius: 6rpx;
+}
diff --git a/pages/button/button.js b/pages/button/button.js
new file mode 100644
index 0000000..0741682
--- /dev/null
+++ b/pages/button/button.js
@@ -0,0 +1,5 @@
+// pages/element/button/button.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/button/button.json b/pages/button/button.json
new file mode 100644
index 0000000..3b93855
--- /dev/null
+++ b/pages/button/button.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "按钮/Button"
+}
\ No newline at end of file
diff --git a/pages/button/button.wxml b/pages/button/button.wxml
new file mode 100644
index 0000000..2f7f11e
--- /dev/null
+++ b/pages/button/button.wxml
@@ -0,0 +1,119 @@
+<view class="bar solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>形状</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class='flex flex-wrap '>
+    <button class='gray btn'>默认</button>
+    <button class='gray btn round ml-sm'>椭圆</button>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>尺寸</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class='flex flex-wrap justify-between align-center'>
+    <button class='gray btn xs'>最小</button>
+    <button class='gray btn sm round'>小尺寸</button>
+    <button class='gray btn'>默认</button>
+    <button class='gray btn lg round'>大尺寸</button>
+    <button class='gray btn xl'>最大</button>
+  </view>
+</view>
+
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>颜色</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class='flex flex-wrap justify-between'>
+    <button class='primary btn'>蔚蓝</button>
+    <button class='secondary btn round'>天青</button>
+    <navigator class='success btn'>森绿</navigator>
+    <button class='warning btn round'>鲜橙</button>
+    <button class='danger btn'>嫣红</button>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>幽灵按钮</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class='flex flex-wrap justify-between align-center'>
+    <button class='gray btn hollow xs'>默认</button>
+    <button class='primary btn hollow sm'>蔚蓝</button>
+    <button class='secondary btn hollow round'>天青</button>
+    <navigator class='success btn hollow'>森绿</navigator>
+    <button class='warning btn hollow lg round'>鲜橙</button>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>块状按钮</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class='flex flex-direction'>
+    <button class='gray btn block lg'>默认</button>
+    <button class='primary btn mt-sm block lg'>主键</button>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>带图标的按钮</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class='flex justify-center align-center'>
+    <button class='secondary btn block hollow round'>
+      <text class='iconfont icon-appreciate mr-xs'></text> 次级键
+    </button>
+    <button class='primary btn ml-sm'>
+      <text class='iconfont icon-loading iconfont-spin mr-xs'></text> 主键
+    </button>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>带图标的圆形按钮</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class='flex justify-center align-center'>
+    <button class='primary btn xs iconfont icon-appreciate'>
+    </button>
+    <button class='secondary btn sm ml-sm iconfont icon-discoverfill'>
+    </button>
+    <button class='success btn ml-sm iconfont icon-locationfill'>
+    </button>
+    <button class='warning btn lg ml-sm iconfont icon-weibo'>
+    </button>
+    <button class='danger btn xl ml-sm iconfont icon-presentfill'>
+    </button>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>固定在底部</text>
+  </view>
+</view>
+<view class="doc-main">
+  <navigator class='btn success block lg' url='sub?ctype=foot'> 预览
+    <text class='iconfont icon-roundright ml-xs'></text>
+  </navigator>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>悬浮按钮</text>
+  </view>
+</view>
+<view class="doc-main">
+  <navigator class='btn warning block lg mb-sm' url='sub?ctype=fixed'> 预览
+    <text class='iconfont icon-roundright ml-xs'></text>
+  </navigator>
+</view>
diff --git a/pages/button/button.wxss b/pages/button/button.wxss
new file mode 100644
index 0000000..8308420
--- /dev/null
+++ b/pages/button/button.wxss
@@ -0,0 +1,6 @@
+page{
+  background: #f5f5f5;
+}
+.doc-example > button{
+  margin-right: 20rpx;
+}
\ No newline at end of file
diff --git a/pages/button/sub.js b/pages/button/sub.js
new file mode 100644
index 0000000..b4b3388
--- /dev/null
+++ b/pages/button/sub.js
@@ -0,0 +1,73 @@
+// pages/element/button/foot.js
+Page({
+  data: {
+    ctype: '',
+    clist: [],
+    glo_is_load: true
+  },
+  onLoad: function (options) {
+    var that = this
+    var ctype = options.ctype;
+    that.setData({
+      ctype: ctype,
+    })
+    var this_title = '';
+    if (ctype == 'foot') {
+      this_title = '固定在底部'
+    } else if (ctype == 'fixed') {
+      this_title = '悬浮按钮'
+    } 
+    wx.setNavigationBarTitle({
+      title: this_title
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+  
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+  
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+  
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+  
+  }
+})
\ No newline at end of file
diff --git a/pages/button/sub.json b/pages/button/sub.json
new file mode 100644
index 0000000..472d660
--- /dev/null
+++ b/pages/button/sub.json
@@ -0,0 +1,5 @@
+{
+      "backgroundTextStyle": "light",
+      "navigationBarBackgroundColor": "#fff",
+      "navigationBarTextStyle": "black"
+}
\ No newline at end of file
diff --git a/pages/button/sub.wxml b/pages/button/sub.wxml
new file mode 100644
index 0000000..d73a8ac
--- /dev/null
+++ b/pages/button/sub.wxml
@@ -0,0 +1,6 @@
+<image src='/images/skin.jpg' mode='widthFix'></image>
+<view class='foot-btn' wx:if="{{ctype == 'foot'}}">
+  <button class='danger btn hollow'><text class='iconfont icon-delete mr-xs'></text> 删除</button>
+  <button class='success btn round'><text class='iconfont icon-upload mr-xs'></text> 上传</button>
+</view> 
+<button class='warning btn iconfont lg fixed icon-add' style='bottom:40rpx' wx:if="{{ctype == 'fixed'}}"></button>
\ No newline at end of file
diff --git a/pages/button/sub.wxss b/pages/button/sub.wxss
new file mode 100644
index 0000000..9715669
--- /dev/null
+++ b/pages/button/sub.wxss
@@ -0,0 +1,4 @@
+image{
+  width: 100%;
+  display:block;
+}
\ No newline at end of file
diff --git a/pages/chat/chat.js b/pages/chat/chat.js
new file mode 100644
index 0000000..fa1adbb
--- /dev/null
+++ b/pages/chat/chat.js
@@ -0,0 +1,5 @@
+// pages/document/chat/chat.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/chat/chat.json b/pages/chat/chat.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/chat/chat.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/chat/chat.wxml b/pages/chat/chat.wxml
new file mode 100644
index 0000000..6234ece
--- /dev/null
+++ b/pages/chat/chat.wxml
@@ -0,0 +1,71 @@
+<view class="chat-item">
+  <view class="chat-main justify-end flex">
+    <view>
+      <view class='chat-centact success'>
+        喵喵喵！喵喵喵！喵喵喵！喵喵！喵喵！！喵！喵喵喵！
+      </view>
+      <view class='gray-text text-sm text-right mt-sm'>2018年3月23日 13:23</view>
+    </view>
+  </view>
+  <image src="http://image.weilanwl.com/img/square-3.jpg" class="img-df radius" mode='widthFix'></image>
+</view>
+<view class="chat-item chat-left">
+  <image src="http://image.weilanwl.com/img/square-2.jpg" class="img-df round" mode='widthFix'></image>
+  <view class="chat-main">
+    <view>
+      <view class='chat-centact'>
+        喵喵喵！喵！喵！喵！喵喵喵！
+      </view>
+      <view class='gray-text text-sm mt-sm'>5天前 </view>
+    </view>
+  </view>
+</view>
+<view class="chat-item">
+  <view class="chat-main justify-end flex">
+    <view>
+      <view class='chat-centact'>
+        <image src="http://image.weilanwl.com/img/3x4-1.jpg" mode="widthFix"></image>
+      </view>
+      <view class='gray-text text-sm text-right mt-sm'>10分钟前</view>
+    </view>
+  </view>
+  <image src="http://image.weilanwl.com/img/square-3.jpg" class="img-df radius" mode='widthFix'></image>
+</view>
+<view class="chat-item chat-left">
+  <image src="http://image.weilanwl.com/img/square-2.jpg" class="img-df round" mode='widthFix'></image>
+  <view class="chat-main">
+    <view>
+      <view class='chat-centact'>
+        <text class='iconfont icon-notification'></text>3"
+      </view>
+      <view class='gray-text text-sm mt-sm'>1分钟前 </view>
+    </view>
+  </view>
+</view>
+<view class="chat-item">
+  <view class="chat-main justify-end flex">
+    <view>
+      <view class='chat-centact'>
+        <view>戏精铲屎官，主子了解一下？</view>
+        <view class="flex mt-sm">
+          <image src="http://image.weilanwl.com/img/4x3-3.jpg" mode="widthFix" class='basis-sm'></image>
+          <view class="ml-sm text-sm">
+            一个伪铲屎官瞎几把乱写的一堆文字.
+          </view>
+        </view>
+        <view class="flex solid-top align-center pt-sm mt-sm">
+          <image src="http://image.weilanwl.com/img/4x4.jpg" class='round img-xs' mode='widthFix'></image>
+          <view class="gray-text ml-sm text-sm">文晓港
+            <text>/ 程序员</text>
+          </view>
+        </view>
+      </view>
+      <view class='gray-text text-sm text-right mt-sm'>刚刚</view>
+    </view>
+  </view>
+  <image src="http://image.weilanwl.com/img/square-3.jpg" class="img-df radius" mode='widthFix'></image>
+</view>
+<view class="bar bottomfix shadow bar-textarea">
+  <input class='flex-sub solid-bottom ml-sm' focus="true" maxlength="300" cursor-spacing="10"></input>
+  <button class='success btn mh-sm'>发送</button>
+</view>
\ No newline at end of file
diff --git a/pages/chat/chat.wxss b/pages/chat/chat.wxss
new file mode 100644
index 0000000..f9eb1c3
--- /dev/null
+++ b/pages/chat/chat.wxss
@@ -0,0 +1,4 @@
+page {
+  background: #f1f1f1;
+  padding-bottom: 120rpx;
+}
diff --git a/pages/comment/comment.js b/pages/comment/comment.js
new file mode 100644
index 0000000..ba82b1b
--- /dev/null
+++ b/pages/comment/comment.js
@@ -0,0 +1,5 @@
+// pages/document/comment/comment.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/comment/comment.json b/pages/comment/comment.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/comment/comment.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/comment/comment.wxml b/pages/comment/comment.wxml
new file mode 100644
index 0000000..7ce0165
--- /dev/null
+++ b/pages/comment/comment.wxml
@@ -0,0 +1,36 @@
+<view class="comment">
+  <view class="comment-item ph-sm">
+    <view class="bar justify-between">
+      <view class="bar-fr bar">
+        <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg" class="round"></image>
+        <text class='ml-sm'>文晓港</text>
+        <text class="gray-text text-sm"> 3 小时前</text>
+      </view>
+      <button class="success btn sm bar-fr" bindtap="recomment" data-id="{{comments.comment_id}}">
+        <text class="iconfont icon-writefill"> 回复</text>
+      </button>
+    </view>
+    <view class="comment-mian">
+      <view class="comment-content">评论回复的内容</view>
+      <view class="lattice-image">
+        <view style='background-image:url(http://image.weilanwl.com/img/4x3-1.jpg)'>
+        </view>
+        <view style='background-image:url(http://image.weilanwl.com/img/3x4-3.jpg)'>
+        </view>
+      </view>
+      <view class="comment-sub">
+        <view class="comment-sub-name">
+          <text class="success-text">王晓明</text>
+          <text class="gray-text text-sm">2 分钟前</text>
+        </view>
+        <view class="comment-sub-content">说的dei dei！</view>
+        <view class="comment-sub-name top-xs">
+          <text class="success-text">文晓港 </text>回复
+          <text class="success-text"> 王晓明</text>
+          <text class="gray-text text-sm">2 分钟前</text>
+        </view>
+        <view class="comment-sub-content">说的dei dei！</view>
+      </view>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/comment/comment.wxss b/pages/comment/comment.wxss
new file mode 100644
index 0000000..d8426ac
--- /dev/null
+++ b/pages/comment/comment.wxss
@@ -0,0 +1 @@
+/* pages/document/comment/comment.wxss */
\ No newline at end of file
diff --git a/pages/form/form.js b/pages/form/form.js
new file mode 100644
index 0000000..b2a2691
--- /dev/null
+++ b/pages/form/form.js
@@ -0,0 +1,171 @@
+// pages/form/form.js
+Page({
+  data: {
+    array: ['	禁止换行，超出容器部分截断（以 ... 结束）', '中国', '巴西', '日本'],
+    index: 0,
+    multiArray: [['无脊柱动物', '脊柱动物'], ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'], ['猪肉绦虫', '吸血虫']],
+    radio: [
+      { name: 'USA', value: '美国' },
+      { name: 'CHN', value: '中国', checked: 'true' },
+      { name: 'BRA', value: '巴西' },
+      { name: 'JPN', value: '日本' },
+      { name: 'ENG', value: '澳大利亚' },
+      { name: 'BRA', value: '巴西' },
+      { name: 'JPN', value: '日本' },
+      { name: 'BRA', value: '巴西' },
+      { name: 'JPN', value: '日本' },
+      { name: 'ENG', value: '英国' },
+      { name: 'TUR', value: '哈萨克斯坦' },
+      { name: 'TUR', value: '法国' },
+      { name: 'BRA', value: '巴西' },
+      { name: 'ENG', value: '英国' },
+      { name: 'TUR', value: '法国' }
+    ],
+    multiIndex: [0, 0, 0],
+    date: '2018-02-03',
+    time: '12:01',
+    region: ['广东省', '广州市', '海珠区'],
+    customItem: '全部'
+  },
+  bindPickerChange: function (e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value)
+    this.setData({
+      index: e.detail.value
+    })
+  },
+  bindMultiPickerChange: function (e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value)
+    this.setData({
+      multiIndex: e.detail.value
+    })
+  },
+  bindMultiPickerColumnChange: function (e) {
+    console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
+    var data = {
+      multiArray: this.data.multiArray,
+      multiIndex: this.data.multiIndex
+    };
+    data.multiIndex[e.detail.column] = e.detail.value;
+    switch (e.detail.column) {
+      case 0:
+        switch (data.multiIndex[0]) {
+          case 0:
+            data.multiArray[1] = ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'];
+            data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
+            break;
+          case 1:
+            data.multiArray[1] = ['鱼', '两栖动物', '爬行动物'];
+            data.multiArray[2] = ['鲫鱼', '带鱼'];
+            break;
+        }
+        data.multiIndex[1] = 0;
+        data.multiIndex[2] = 0;
+        break;
+      case 1:
+        switch (data.multiIndex[0]) {
+          case 0:
+            switch (data.multiIndex[1]) {
+              case 0:
+                data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
+                break;
+              case 1:
+                data.multiArray[2] = ['蛔虫'];
+                break;
+              case 2:
+                data.multiArray[2] = ['蚂蚁', '蚂蟥'];
+                break;
+              case 3:
+                data.multiArray[2] = ['河蚌', '蜗牛', '蛞蝓'];
+                break;
+              case 4:
+                data.multiArray[2] = ['昆虫', '甲壳动物', '蛛形动物', '多足动物'];
+                break;
+            }
+            break;
+          case 1:
+            switch (data.multiIndex[1]) {
+              case 0:
+                data.multiArray[2] = ['鲫鱼', '带鱼'];
+                break;
+              case 1:
+                data.multiArray[2] = ['青蛙', '娃娃鱼'];
+                break;
+              case 2:
+                data.multiArray[2] = ['蜥蜴', '龟', '壁虎'];
+                break;
+            }
+            break;
+        }
+        data.multiIndex[2] = 0;
+        console.log(data.multiIndex);
+        break;
+    }
+    this.setData(data);
+  },
+
+  bindDateChange: function (e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value)
+    this.setData({
+      date: e.detail.value
+    })
+  },
+  bindTimeChange: function (e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value)
+    this.setData({
+      time: e.detail.value
+    })
+  },
+  bindRegionChange: function (e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value)
+    this.setData({
+      region: e.detail.value
+    })
+  },
+  showModal: function (e) {
+    var showName = e.currentTarget.dataset.modal;
+    this.setData({
+      modalName: showName
+    })
+  },
+  closeModal: function (e) {
+    this.setData({
+      modalName: null
+    })
+  },
+  uploadimg: function () {
+    var that = this;
+    wx.chooseImage({
+      count: 1, // 默认9
+      sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
+      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
+      success: function (res) {
+        var tempFilePaths = res.tempFilePaths
+        that.setData({
+          chooseimg: true,
+          tempFilePaths: tempFilePaths
+        })
+      }
+    })
+  },
+  viewUploadimg: function (e) {
+    var url = this.data.tempFilePaths;
+    wx.previewImage({
+      urls: url
+    })
+  },
+  uploadImage: function (e) {
+    var that = this;
+    wx.chooseImage({
+      count: 1, // 默认9
+      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
+      success: function (res) {
+        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
+        var uploadImage = res.tempFilePaths;
+        that.setData({
+          uploadImage: uploadImage
+        })
+      }
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/form/form.json b/pages/form/form.json
new file mode 100644
index 0000000..de4f6ba
--- /dev/null
+++ b/pages/form/form.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "表单/Form"
+}
\ No newline at end of file
diff --git a/pages/form/form.wxml b/pages/form/form.wxml
new file mode 100644
index 0000000..1fd9013
--- /dev/null
+++ b/pages/form/form.wxml
@@ -0,0 +1,266 @@
+<form>
+  <view class="form-box form-avatar-box">
+    <view class="form-avatar" bindtap="uploadPhoto" style='background-image:url({{src}})'>
+      <text>修改/上传</text>
+    </view>
+    <view class="form-avatar-item">
+      <view class="form-item">
+        <input type="text" class="form-input" name="title" value="" placeholder="输入框的描述" />
+      </view>
+      <view class="form-item">
+        <input type="text" class="form-input" name="title" value="" placeholder="输入框的描述" />
+        <view class='form-input-btn'>
+          <button class='success btn sm'>获取验证码</button>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class='form-box'>
+    <view class='form-item'>
+      <view class='form-title cur form-title-sm'>
+        两字
+      </view>
+      <input class='' type="text" placeholder="输入框的描述" class='form-input'></input>
+    </view>
+    <view class='form-item'>
+      <view class='form-title cur'>
+        输入框
+      </view>
+      <input class='' type="text" placeholder="输入框的描述" class='form-input'></input>
+    </view>
+    <view class='form-item'>
+      <view class='form-title'>
+        输入框项
+      </view>
+      <view class='form-input'>
+        <input class='' type="text" placeholder="输入框的描述"></input>
+      </view>
+      <view class='form-input-btn'>
+        <text class='iconfont icon-locationfill warning-text'></text>
+      </view>
+    </view>
+    <view class='form-item'>
+      <view class='form-title'>
+        输入框
+      </view>
+      <input class='' type="text" placeholder="输入框的描述" class='form-input'></input>
+      <view class='form-input-btn'>
+        <button class='success btn sm'>获取验证码</button>
+      </view>
+    </view>
+  </view>
+  <view class='form-box'>
+    <view class='form-item'>
+      <view class='form-title cur'>
+        单列选择
+      </view>
+      <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
+        <view class="picker">
+          {{array[index]}}
+        </view>
+      </picker>
+    </view>
+    <view class='form-item'>
+      <view class='form-title'>
+        多列选择
+      </view>
+      <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
+        <view class="picker">
+          {{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}，{{multiArray[2][multiIndex[2]]}}
+        </view>
+      </picker>
+    </view>
+    <view class='form-item'>
+      <view class='form-title'>
+        时间选择
+      </view>
+      <picker mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">
+        <view class="picker">
+          {{time}}
+        </view>
+      </picker>
+    </view>
+    <view class='form-item'>
+      <view class='form-title'>
+        日期选择
+      </view>
+      <picker mode="date" value="{{date}}" start="2015-09-01" end="2020-09-01" bindchange="bindDateChange">
+        <view class="picker">
+          {{date}}
+        </view>
+      </picker>
+    </view>
+    <view class='form-item'>
+      <view class='form-title'>
+        地址选择
+      </view>
+      <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
+        <view class="picker">
+          {{region[0]}}，{{region[1]}}，{{region[2]}}
+        </view>
+      </picker>
+    </view>
+  </view>
+  <view class='form-box'>
+    <view class='form-item'>
+      <view class='form-title cur'>
+        单选框
+      </view>
+      <view class='form-arrow' bindtap='showModal' data-modal="radioModal">
+        单选框
+      </view>
+      <view class="modal-box {{modalName=='radioModal'?'cur':''}}">
+        <view class='modal-dialog'>
+          <view class="modal-title">
+            <text>单选框</text>
+          </view>
+          <scroll-view class='modal-bd' scroll-y="true" style='max-height:500rpx;'>
+            <radio-group class="list-double-col list-box" bindchange="radioChange">
+              <label class="list-li" wx:for="{{radio}}">
+                <view class='list-text'>{{item.value}}</view>
+                <radio value="{{item.name}}" checked="{{item.checked}}" class='list-icon' />
+              </label>
+            </radio-group>
+          </scroll-view>
+          <view class='modal-option'>
+            <view class='modal-option-btn' bindtap='closeModal'>取消</view>
+            <view class='modal-option-btn success-text' bindtap='closeModal'>确认</view>
+          </view>
+        </view>
+
+      </view>
+    </view>
+    <view class='form-item'>
+      <view class='form-title cur'>
+        复选框
+      </view>
+      <view class='form-arrow' bindtap='showModal' data-modal="checkboxModal">
+        复选框
+      </view>
+      <view class="modal-box {{modalName=='checkboxModal'?'cur':''}}">
+        <view class='modal-dialog'>
+          <view class="modal-title">
+            <text>复选框</text>
+            <view class='bar-close badge danger round' bindtap='closeModal'>
+              <text class='iconfont icon-close'></text>
+            </view>
+          </view>
+          <scroll-view class='modal-bd' scroll-y="true" style='max-height:500rpx;'>
+            <checkbox-group class="list-double-col list-box" bindchange="checkboxChange">
+              <label class="list-li" wx:for="{{radio}}">
+                <view class='list-text'>{{item.value}}</view>
+                <checkbox class='list-icon' value="{{item.name}}" checked="{{item.checked}}" />
+              </label>
+            </checkbox-group>
+          </scroll-view>
+          <view class='modal-option'>
+            <view class='modal-option-btn' bindtap='closeModal'>取消</view>
+            <view class='modal-option-btn success-text' bindtap='closeModal'>确认</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class='form-item'>
+      <view class='form-title cur'>
+        两级联动
+      </view>
+      <view class='form-arrow' bindtap='showModal' data-modal="doubleModal">
+        两级联动
+      </view>
+      <view class="modal-box {{modalName=='doubleModal'?'cur':''}}">
+        <view class='modal-dialog'>
+          <view class="modal-title">
+            <text>两级联动</text>
+          </view>
+          <view class='modal-bd double-chose'>
+            <scroll-view scroll-y class="double-chose-first" style='height:640rpx;width: 400rpx;'>
+              <view class="cur">北京</view>
+              <view class="" wx:for="asdasdasdasdasdasdasdasdasd">北京</view>
+            </scroll-view>
+            <scroll-view scroll-y class="double-chose-last" style='height:640rpx;'>
+              <view class="cur">北京</view>
+              <view class="" wx:for="asdasdasdasdasdasdasdasdasd">北京</view>
+            </scroll-view>
+          </view>
+          <view class='modal-option'>
+            <view class='modal-option-btn' bindtap='closeModal'>取消</view>
+            <view class='modal-option-btn success-text' bindtap='closeModal'>确认</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class='form-item'>
+      <view class='form-title cur'>
+        单项选择
+      </view>
+      <view class='form-arrow' bindtap='showModal' data-modal="singleModal">
+        单项选择
+      </view>
+      <view class="modal-box {{modalName=='singleModal'?'cur':''}}">
+        <view class='modal-dialog'>
+          <view class="modal-title">
+            <text>单项选择</text>
+          </view>
+          <scroll-view class='modal-bd' scroll-y="true" style='max-height:800rpx;'>
+            <view class='single-modal'>
+              <view class="single-modal-item {{item.checked?'cur':''}}" wx:for="{{radio}}" bindtap='closeModal'>{{item.value}}</view>
+            </view>
+          </scroll-view>
+          <view class='modal-option'>
+            <view class='modal-option-btn' bindtap='closeModal'>取消</view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view class="form-item form-textarea {{modalName==null?'':'hide'}}">
+      <view class='form-title cur'>
+        文本框
+      </view>
+      <textarea placeholder='多行文本输入框' maxlength="-1"></textarea>
+    </view>
+  </view>
+  <view class='form-box'>
+    <view class='form-item'>
+      <view class='form-title cur'>
+        单图上传
+      </view>
+      <view class='form-arrow' wx:if="{{chooseimg}}" bindtap='viewUploadimg'>
+        <text class='success-text iconfont icon-roundcheckfill'></text> 已上传
+        <text class='gray-text fr'>预览</text>
+      </view>
+      <view class='form-arrow form-add' bindtap='uploadimg' wx:else>
+        请选择图片
+      </view>
+    </view>
+
+    <view class='form-item form-upload'>
+      <view class='form-title cur'>
+        多图上传
+      </view>
+      <view class="lattice-image">
+        <view>
+          <image src='http://image.weilanwl.com/img/4x3-1.jpg' mode='aspectFill'></image>
+          <view class='iconfont icon-close'></view>
+        </view>
+        <view class='lattice-btn'>
+          <text class='iconfont icon-cameraadd'></text>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class='form-box'>
+    <view class="form-item form-upload  {{modalName==null?'':'hide'}}">
+      <textarea placeholder='多行文本输入框' maxlength="-1"></textarea>
+      <view class="lattice-image">
+        <view>
+          <image src='http://image.weilanwl.com/img/3x4-1.jpg' mode='aspectFill'></image>
+          <view class='iconfont icon-close'></view>
+        </view>
+        <view class='lattice-btn'>
+          <text class='iconfont icon-cameraadd'></text>
+        </view>
+      </view>
+    </view>
+  </view>
+</form>
\ No newline at end of file
diff --git a/pages/form/form.wxss b/pages/form/form.wxss
new file mode 100644
index 0000000..350500e
--- /dev/null
+++ b/pages/form/form.wxss
@@ -0,0 +1,3 @@
+page {
+  background: #f1f1f1;
+}
\ No newline at end of file
diff --git a/pages/icon/icon.js b/pages/icon/icon.js
new file mode 100644
index 0000000..8d42465
--- /dev/null
+++ b/pages/icon/icon.js
@@ -0,0 +1,5 @@
+// pages/element/icon/icon.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/icon/icon.json b/pages/icon/icon.json
new file mode 100644
index 0000000..e5a76b4
--- /dev/null
+++ b/pages/icon/icon.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "图标/Icon"
+}
\ No newline at end of file
diff --git a/pages/icon/icon.wxml b/pages/icon/icon.wxml
new file mode 100644
index 0000000..182c913
--- /dev/null
+++ b/pages/icon/icon.wxml
@@ -0,0 +1,839 @@
+<view class="doc-icon-list">
+     <view class="iconfont icon-activityfill">
+     <text>activity_fill</text>
+     </view>
+     <view class="iconfont icon-add">
+     <text>add</text>
+     </view>
+     <view class="iconfont icon-addressbook">
+     <text>address_book</text>
+     </view>
+     <view class="iconfont icon-album">
+     <text>album</text>
+     </view>
+     <view class="iconfont icon-all">
+     <text>all</text>
+     </view>
+     <view class="iconfont icon-appreciate">
+     <text>appreciate</text>
+     </view>
+     <view class="iconfont icon-appreciatefill">
+     <text>appreciate_fill</text>
+     </view>
+     <view class="iconfont icon-apps">
+     <text>apps</text>
+     </view>
+     <view class="iconfont icon-attention">
+     <text>attention</text>
+     </view>
+     <view class="iconfont icon-attentionfavor">
+     <text>attention_favor</text>
+     </view>
+     <view class="iconfont icon-attentionfavorfill">
+     <text>attention_favor_fill</text>
+     </view>
+     <view class="iconfont icon-attentionfill">
+     <text>attention_fill</text>
+     </view>
+     <view class="iconfont icon-attentionforbid">
+     <text>attention_forbid</text>
+     </view>
+     <view class="iconfont icon-attentionforbidfill">
+     <text>attention_forbid_fill</text>
+     </view>
+     <view class="iconfont icon-baby">
+     <text>baby</text>
+     </view>
+     <view class="iconfont icon-babyfill">
+     <text>baby_fill</text>
+     </view>
+     <view class="iconfont icon-back">
+     <text>back</text>
+     </view>
+     <view class="iconfont icon-back_android">
+     <text>back_android</text>
+     </view>
+     <view class="iconfont icon-backdelete">
+     <text>back_delete</text>
+     </view>
+     <view class="iconfont icon-backwardfill">
+     <text>backward_fill</text>
+     </view>
+     <view class="iconfont icon-bad">
+     <text>bad</text>
+     </view>
+     <view class="iconfont icon-barcode">
+     <text>bar_code</text>
+     </view>
+     <view class="iconfont icon-brand">
+     <text>brand</text>
+     </view>
+     <view class="iconfont icon-brandfill">
+     <text>brand_fill</text>
+     </view>
+     <view class="iconfont icon-calendar">
+     <text>calendar</text>
+     </view>
+     <view class="iconfont icon-camera">
+     <text>camera</text>
+     </view>
+     <view class="iconfont icon-cameraadd">
+     <text>camera_add</text>
+     </view>
+     <view class="iconfont icon-cameraaddfill">
+     <text>camera_add_fill</text>
+     </view>
+     <view class="iconfont icon-camerafill">
+     <text>camera_fill</text>
+     </view>
+     <view class="iconfont icon-camerarotate">
+     <text>camera_rotate</text>
+     </view>
+     <view class="iconfont icon-cardboard">
+     <text>cardboard</text>
+     </view>
+     <view class="iconfont icon-cardboardfill">
+     <text>cardboard_fill</text>
+     </view>
+     <view class="iconfont icon-cardboardforbid">
+     <text>cardboard_forbid</text>
+     </view>
+     <view class="iconfont icon-cart">
+     <text>cart</text>
+     </view>
+     <view class="iconfont icon-cartfill">
+     <text>cart_fill</text>
+     </view>
+     <view class="iconfont icon-cascades">
+     <text>cascades</text>
+     </view>
+     <view class="iconfont icon-check">
+     <text>check</text>
+     </view>
+     <view class="iconfont icon-choiceness">
+     <text>choiceness</text>
+     </view>
+     <view class="iconfont icon-choicenessfill">
+     <text>choiceness_fill</text>
+     </view>
+     <view class="iconfont icon-circle">
+     <text>circle</text>
+     </view>
+     <view class="iconfont icon-circlefill">
+     <text>circle_fill</text>
+     </view>
+     <view class="iconfont icon-close">
+     <text>close</text>
+     </view>
+     <view class="iconfont icon-clothes">
+     <text>clothes</text>
+     </view>
+     <view class="iconfont icon-clothesfill">
+     <text>clothes_fill</text>
+     </view>
+     <view class="iconfont icon-coin">
+     <text>coin</text>
+     </view>
+     <view class="iconfont icon-command">
+     <text>command</text>
+     </view>
+     <view class="iconfont icon-commandfill">
+     <text>command_fill</text>
+     </view>
+     <view class="iconfont icon-comment">
+     <text>comment</text>
+     </view>
+     <view class="iconfont icon-commentfill">
+     <text>comment_fill</text>
+     </view>
+     <view class="iconfont icon-community">
+     <text>community</text>
+     </view>
+     <view class="iconfont icon-communityfill">
+     <text>community_fill</text>
+     </view>
+     <view class="iconfont icon-copy">
+     <text>copy</text>
+     </view>
+     <view class="iconfont icon-countdown">
+     <text>countdown</text>
+     </view>
+     <view class="iconfont icon-countdownfill">
+     <text>countdown_fill</text>
+     </view>
+     <view class="iconfont icon-creative">
+     <text>creative</text>
+     </view>
+     <view class="iconfont icon-creativefill">
+     <text>creative_fill</text>
+     </view>
+     <view class="iconfont icon-crown">
+     <text>crown</text>
+     </view>
+     <view class="iconfont icon-crownfill">
+     <text>crown_fill</text>
+     </view>
+     <view class="iconfont icon-cut">
+     <text>cut</text>
+     </view>
+     <view class="iconfont icon-delete">
+     <text>delete</text>
+     </view>
+     <view class="iconfont icon-deletefill">
+     <text>delete_fill</text>
+     </view>
+     <view class="iconfont icon-deliver">
+     <text>deliver</text>
+     </view>
+     <view class="iconfont icon-deliver_fill">
+     <text>deliver_fill</text>
+     </view>
+     <view class="iconfont icon-discover">
+     <text>discover</text>
+     </view>
+     <view class="iconfont icon-discoverfill">
+     <text>discover_fill</text>
+     </view>
+     <view class="iconfont icon-down">
+     <text>down</text>
+     </view>
+     <view class="iconfont icon-edit">
+     <text>edit</text>
+     </view>
+     <view class="iconfont icon-emoji">
+     <text>emoji</text>
+     </view>
+     <view class="iconfont icon-emojifill">
+     <text>emoji_fill</text>
+     </view>
+     <view class="iconfont icon-emojiflashfill">
+     <text>emoji_flash_fill</text>
+     </view>
+     <view class="iconfont icon-evaluate">
+     <text>evaluate</text>
+     </view>
+     <view class="iconfont icon-evaluate_fill">
+     <text>evaluate_fill</text>
+     </view>
+     <view class="iconfont icon-exit">
+     <text>exit</text>
+     </view>
+     <view class="iconfont icon-explore">
+     <text>explore</text>
+     </view>
+     <view class="iconfont icon-explorefill">
+     <text>explore_fill</text>
+     </view>
+     <view class="iconfont icon-expressman">
+     <text>expressman</text>
+     </view>
+     <view class="iconfont icon-favor">
+     <text>favor</text>
+     </view>
+     <view class="iconfont icon-favorfill">
+     <text>favor_fill</text>
+     </view>
+     <view class="iconfont icon-female">
+     <text>female</text>
+     </view>
+     <view class="iconfont icon-file">
+     <text>file</text>
+     </view>
+     <view class="iconfont icon-filter">
+     <text>filter</text>
+     </view>
+     <view class="iconfont icon-flashbuyfill">
+     <text>flashbuy_fill</text>
+     </view>
+     <view class="iconfont icon-flashlightclose">
+     <text>flashlight_close</text>
+     </view>
+     <view class="iconfont icon-flashlightopen">
+     <text>flashlight_open</text>
+     </view>
+     <view class="iconfont icon-focus">
+     <text>focus</text>
+     </view>
+     <view class="iconfont icon-fold">
+     <text>fold</text>
+     </view>
+     <view class="iconfont icon-footprint">
+     <text>footprint</text>
+     </view>
+     <view class="iconfont icon-form">
+     <text>form</text>
+     </view>
+     <view class="iconfont icon-formfill">
+     <text>form_fill</text>
+     </view>
+     <view class="iconfont icon-forward">
+     <text>forward</text>
+     </view>
+     <view class="iconfont icon-forwardfill">
+     <text>forward_fill</text>
+     </view>
+     <view class="iconfont icon-friend">
+     <text>friend</text>
+     </view>
+     <view class="iconfont icon-friendadd">
+     <text>friend_add</text>
+     </view>
+     <view class="iconfont icon-friendaddfill">
+     <text>friend_add_fill</text>
+     </view>
+     <view class="iconfont icon-friendfamous">
+     <text>friend_famous</text>
+     </view>
+     <view class="iconfont icon-friendfavor">
+     <text>friend_favor</text>
+     </view>
+     <view class="iconfont icon-friendfill">
+     <text>friend_fill</text>
+     </view>
+     <view class="iconfont icon-full">
+     <text>full</text>
+     </view>
+     <view class="iconfont icon-game">
+     <text>game</text>
+     </view>
+     <view class="iconfont icon-global">
+     <text>global</text>
+     </view>
+     <view class="iconfont icon-goods">
+     <text>goods</text>
+     </view>
+     <view class="iconfont icon-goodsfavor">
+     <text>goods_favor</text>
+     </view>
+     <view class="iconfont icon-goodsfill">
+     <text>goods_fill</text>
+     </view>
+     <view class="iconfont icon-goodsnew">
+     <text>goods_new</text>
+     </view>
+     <view class="iconfont icon-goodsnewfill">
+     <text>goods_new_fill</text>
+     </view>
+     <view class="iconfont icon-group">
+     <text>group</text>
+     </view>
+     <view class="iconfont icon-group_fill">
+     <text>group_fill</text>
+     </view>
+     <view class="iconfont icon-home">
+     <text>home</text>
+     </view>
+     <view class="iconfont icon-homefill">
+     <text>home_fill</text>
+     </view>
+     <view class="iconfont icon-hot">
+     <text>hot</text>
+     </view>
+     <view class="iconfont icon-hotfill">
+     <text>hot_fill</text>
+     </view>
+     <view class="iconfont icon-info">
+     <text>info</text>
+     </view>
+     <view class="iconfont icon-infofill">
+     <text>info_fill</text>
+     </view>
+     <view class="iconfont icon-keyboard">
+     <text>keyboard</text>
+     </view>
+     <view class="iconfont icon-light">
+     <text>light</text>
+     </view>
+     <view class="iconfont icon-lightauto">
+     <text>light_auto</text>
+     </view>
+     <view class="iconfont icon-lightfill">
+     <text>light_fill</text>
+     </view>
+     <view class="iconfont icon-lightforbid">
+     <text>light_forbid</text>
+     </view>
+     <view class="iconfont icon-like">
+     <text>like</text>
+     </view>
+     <view class="iconfont icon-likefill">
+     <text>like_fill</text>
+     </view>
+     <view class="iconfont icon-link">
+     <text>link</text>
+     </view>
+     <view class="iconfont icon-list">
+     <text>list</text>
+     </view>
+     <view class="iconfont icon-loading">
+     <text>loading</text>
+     </view>
+     <view class="iconfont icon-location">
+     <text>location</text>
+     </view>
+     <view class="iconfont icon-locationfill">
+     <text>location_fill</text>
+     </view>
+     <view class="iconfont icon-lock">
+     <text>lock</text>
+     </view>
+     <view class="iconfont icon-magic">
+     <text>magic</text>
+     </view>
+     <view class="iconfont icon-mail">
+     <text>mail</text>
+     </view>
+     <view class="iconfont icon-male">
+     <text>male</text>
+     </view>
+     <view class="iconfont icon-mark">
+     <text>mark</text>
+     </view>
+     <view class="iconfont icon-markfill">
+     <text>mark_fill</text>
+     </view>
+     <view class="iconfont icon-medal">
+     <text>medal</text>
+     </view>
+     <view class="iconfont icon-medalfill">
+     <text>medal_fill</text>
+     </view>
+     <view class="iconfont icon-message">
+     <text>message</text>
+     </view>
+     <view class="iconfont icon-messagefill">
+     <text>message_fill</text>
+     </view>
+     <view class="iconfont icon-mobile">
+     <text>mobile</text>
+     </view>
+     <view class="iconfont icon-mobilefill">
+     <text>mobile_fill</text>
+     </view>
+     <view class="iconfont icon-moneybag">
+     <text>money_bag</text>
+     </view>
+     <view class="iconfont icon-moneybagfill">
+     <text>money_bag_fill</text>
+     </view>
+     <view class="iconfont icon-more">
+     <text>more</text>
+     </view>
+     <view class="iconfont icon-moreandroid">
+     <text>more_android</text>
+     </view>
+     <view class="iconfont icon-move">
+     <text>move</text>
+     </view>
+     <view class="iconfont icon-musicfill">
+     <text>music_fill</text>
+     </view>
+     <view class="iconfont icon-musicforbidfill">
+     <text>music_forbid_fill</text>
+     </view>
+     <view class="iconfont icon-my">
+     <text>my</text>
+     </view>
+     <view class="iconfont icon-myfill">
+     <text>my_fill</text>
+     </view>
+     <view class="iconfont icon-new">
+     <text>new</text>
+     </view>
+     <view class="iconfont icon-newfill">
+     <text>new_fill</text>
+     </view>
+     <view class="iconfont icon-news">
+     <text>news</text>
+     </view>
+     <view class="iconfont icon-newsfill">
+     <text>news_fill</text>
+     </view>
+     <view class="iconfont icon-newshot">
+     <text>news_hot</text>
+     </view>
+     <view class="iconfont icon-newshotfill">
+     <text>news_hot_fill</text>
+     </view>
+     <view class="iconfont icon-notice">
+     <text>notice</text>
+     </view>
+     <view class="iconfont icon-noticefill">
+     <text>notice_fill</text>
+     </view>
+     <view class="iconfont icon-notice_forbid_fill">
+     <text>notice_forbid_fill</text>
+     </view>
+     <view class="iconfont icon-notification">
+     <text>notification</text>
+     </view>
+     <view class="iconfont icon-notificationfill">
+     <text>notification_fill</text>
+     </view>
+     <view class="iconfont icon-notificationforbidfill">
+     <text>notification_forbid_fill</text>
+     </view>
+     <view class="iconfont icon-order">
+     <text>order</text>
+     </view>
+     <view class="iconfont icon-paint">
+     <text>paint</text>
+     </view>
+     <view class="iconfont icon-paintfill">
+     <text>paint_fill</text>
+     </view>
+     <view class="iconfont icon-pay">
+     <text>pay</text>
+     </view>
+     <view class="iconfont icon-people">
+     <text>people</text>
+     </view>
+     <view class="iconfont icon-peoplefill">
+     <text>people_fill</text>
+     </view>
+     <view class="iconfont icon-peoplelist">
+     <text>people_list</text>
+     </view>
+     <view class="iconfont icon-phone">
+     <text>phone</text>
+     </view>
+     <view class="iconfont icon-pic">
+     <text>pic</text>
+     </view>
+     <view class="iconfont icon-picfill">
+     <text>pic_fill</text>
+     </view>
+     <view class="iconfont icon-pick">
+     <text>pick</text>
+     </view>
+     <view class="iconfont icon-playfill">
+     <text>play_fill</text>
+     </view>
+     <view class="iconfont icon-play_forward_fill">
+     <text>play_forward_fill</text>
+     </view>
+     <view class="iconfont icon-post">
+     <text>post</text>
+     </view>
+     <view class="iconfont icon-present">
+     <text>present</text>
+     </view>
+     <view class="iconfont icon-presentfill">
+     <text>present_fill</text>
+     </view>
+     <view class="iconfont icon-profile">
+     <text>profile</text>
+     </view>
+     <view class="iconfont icon-profilefill">
+     <text>profile_fill</text>
+     </view>
+     <view class="iconfont icon-pulldown">
+     <text>pull_down</text>
+     </view>
+     <view class="iconfont icon-pullleft">
+     <text>pull_left</text>
+     </view>
+     <view class="iconfont icon-pullright">
+     <text>pull_right</text>
+     </view>
+     <view class="iconfont icon-pullup">
+     <text>pull_up</text>
+     </view>
+     <view class="iconfont icon-punch">
+     <text>punch</text>
+     </view>
+     <view class="iconfont icon-qrcode">
+     <text>qr_code</text>
+     </view>
+     <view class="iconfont icon-question">
+     <text>question</text>
+     </view>
+     <view class="iconfont icon-questionfill">
+     <text>question_fill</text>
+     </view>
+     <view class="iconfont icon-radiobox">
+     <text>radio_box</text>
+     </view>
+     <view class="iconfont icon-radioboxfill">
+     <text>radio_box_fill</text>
+     </view>
+     <view class="iconfont icon-rank">
+     <text>rank</text>
+     </view>
+     <view class="iconfont icon-rankfill">
+     <text>rank_fill</text>
+     </view>
+     <view class="iconfont icon-read">
+     <text>read</text>
+     </view>
+     <view class="iconfont icon-recharge">
+     <text>recharge</text>
+     </view>
+     <view class="iconfont icon-rechargefill">
+     <text>recharge_fill</text>
+     </view>
+     <view class="iconfont icon-record">
+     <text>record</text>
+     </view>
+     <view class="iconfont icon-recordfill">
+     <text>record_fill</text>
+     </view>
+     <view class="iconfont icon-redpacket">
+     <text>redpacket</text>
+     </view>
+     <view class="iconfont icon-redpacket_fill">
+     <text>redpacket_fill</text>
+     </view>
+     <view class="iconfont icon-refresh">
+     <text>refresh</text>
+     </view>
+     <view class="iconfont icon-refresharrow">
+     <text>refresh_arrow</text>
+     </view>
+     <view class="iconfont icon-refund">
+     <text>refund</text>
+     </view>
+     <view class="iconfont icon-remind">
+     <text>remind</text>
+     </view>
+     <view class="iconfont icon-repair">
+     <text>repair</text>
+     </view>
+     <view class="iconfont icon-repairfill">
+     <text>repair_fill</text>
+     </view>
+     <view class="iconfont icon-repeal">
+     <text>repeal</text>
+     </view>
+     <view class="iconfont icon-right">
+     <text>right</text>
+     </view>
+     <view class="iconfont icon-round">
+     <text>round</text>
+     </view>
+     <view class="iconfont icon-roundadd">
+     <text>round_add</text>
+     </view>
+     <view class="iconfont icon-roundaddfill">
+     <text>round_add_fill</text>
+     </view>
+     <view class="iconfont icon-roundcheck">
+     <text>round_check</text>
+     </view>
+     <view class="iconfont icon-roundcheckfill">
+     <text>round_check_fill</text>
+     </view>
+     <view class="iconfont icon-roundclose">
+     <text>round_close</text>
+     </view>
+     <view class="iconfont icon-roundclosefill">
+     <text>round_close_fill</text>
+     </view>
+     <view class="iconfont icon-rounddown">
+     <text>round_down</text>
+     </view>
+     <view class="iconfont icon-roundleftfill-copy">
+     <text>round_left_fill</text>
+     </view>
+     <view class="iconfont icon-roundright">
+     <text>round_right</text>
+     </view>
+     <view class="iconfont icon-roundrightfill">
+     <text>round_right_fill</text>
+     </view>
+     <view class="iconfont icon-safe">
+     <text>safe</text>
+     </view>
+     <view class="iconfont icon-same">
+     <text>same</text>
+     </view>
+     <view class="iconfont icon-samefill">
+     <text>same_fill</text>
+     </view>
+     <view class="iconfont icon-scan">
+     <text>scan</text>
+     </view>
+     <view class="iconfont icon-search">
+     <text>search</text>
+     </view>
+     <view class="iconfont icon-searchlist">
+     <text>search_list</text>
+     </view>
+     <view class="iconfont icon-selection">
+     <text>selection</text>
+     </view>
+     <view class="iconfont icon-selectionfill">
+     <text>selection_fill</text>
+     </view>
+     <view class="iconfont icon-send">
+     <text>send</text>
+     </view>
+     <view class="iconfont icon-service">
+     <text>service</text>
+     </view>
+     <view class="iconfont icon-servicefill">
+     <text>service_fill</text>
+     </view>
+     <view class="iconfont icon-settings">
+     <text>settings</text>
+     </view>
+     <view class="iconfont icon-shake">
+     <text>shake</text>
+     </view>
+     <view class="iconfont icon-share">
+     <text>share</text>
+     </view>
+     <view class="iconfont icon-shop">
+     <text>shop</text>
+     </view>
+     <view class="iconfont icon-shopfill">
+     <text>shop_fill</text>
+     </view>
+     <view class="iconfont icon-similar">
+     <text>similar</text>
+     </view>
+     <view class="iconfont icon-skin">
+     <text>skin</text>
+     </view>
+     <view class="iconfont icon-skinfill">
+     <text>skin_fill</text>
+     </view>
+     <view class="iconfont icon-sort">
+     <text>sort</text>
+     </view>
+     <view class="iconfont icon-sound">
+     <text>sound</text>
+     </view>
+     <view class="iconfont icon-sponsor">
+     <text>sponsor</text>
+     </view>
+     <view class="iconfont icon-sponsorfill">
+     <text>sponsor_fill</text>
+     </view>
+     <view class="iconfont icon-square">
+     <text>square</text>
+     </view>
+     <view class="iconfont icon-squarecheck">
+     <text>square_check</text>
+     </view>
+     <view class="iconfont icon-squarecheckfill">
+     <text>square_check_fill</text>
+     </view>
+     <view class="iconfont icon-stop">
+     <text>stop</text>
+     </view>
+     <view class="iconfont icon-subscription">
+     <text>subscription</text>
+     </view>
+     <view class="iconfont icon-tag">
+     <text>tag</text>
+     </view>
+     <view class="iconfont icon-tagfill">
+     <text>tag_fill</text>
+     </view>
+     <view class="iconfont icon-taoxiaopu">
+     <text>taoxiaopu</text>
+     </view>
+     <view class="iconfont icon-taxi">
+     <text>taxi</text>
+     </view>
+     <view class="iconfont icon-text">
+     <text>text</text>
+     </view>
+     <view class="iconfont icon-ticket">
+     <text>ticket</text>
+     </view>
+     <view class="iconfont icon-time">
+     <text>time</text>
+     </view>
+     <view class="iconfont icon-timefill">
+     <text>time_fill</text>
+     </view>
+     <view class="iconfont icon-top">
+     <text>top</text>
+     </view>
+     <view class="iconfont icon-triangledownfill">
+     <text>triangle_down_fill</text>
+     </view>
+     <view class="iconfont icon-triangleupfill">
+     <text>triangle_up_fill</text>
+     </view>
+     <view class="iconfont icon-unfold">
+     <text>unfold</text>
+     </view>
+     <view class="iconfont icon-unlock">
+     <text>unlock</text>
+     </view>
+     <view class="iconfont icon-upblock">
+     <text>up_block</text>
+     </view>
+     <view class="iconfont icon-upload">
+     <text>upload</text>
+     </view>
+     <view class="iconfont icon-upstage">
+     <text>upstage</text>
+     </view>
+     <view class="iconfont icon-upstagefill">
+     <text>upstage_fill</text>
+     </view>
+     <view class="iconfont icon-usefull">
+     <text>usefull</text>
+     </view>
+     <view class="iconfont icon-usefullfill">
+     <text>usefull_fill</text>
+     </view>
+     <view class="iconfont icon-video">
+     <text>video</text>
+     </view>
+     <view class="iconfont icon-videofill">
+     <text>video_fill</text>
+     </view>
+     <view class="iconfont icon-vip">
+     <text>vip</text>
+     </view>
+     <view class="iconfont icon-vipcard">
+     <text>vipcard</text>
+     </view>
+     <view class="iconfont icon-voice">
+     <text>voice</text>
+     </view>
+     <view class="iconfont icon-voicefill">
+     <text>voice_fill</text>
+     </view>
+     <view class="iconfont icon-wang">
+     <text>wang</text>
+     </view>
+     <view class="iconfont icon-wangfill">
+     <text>wang_fill</text>
+     </view>
+     <view class="iconfont icon-warn">
+     <text>warn</text>
+     </view>
+     <view class="iconfont icon-warnfill">
+     <text>warn_fill</text>
+     </view>
+     <view class="iconfont icon-we">
+     <text>we</text>
+     </view>
+     <view class="iconfont icon-weblock">
+     <text>we_block</text>
+     </view>
+     <view class="iconfont icon-wefill">
+     <text>we_fill</text>
+     </view>
+     <view class="iconfont icon-weunblock">
+     <text>we_unblock</text>
+     </view>
+     <view class="iconfont icon-weibo">
+     <text>weibo</text>
+     </view>
+     <view class="iconfont icon-wifi">
+     <text>wifi</text>
+     </view>
+     <view class="iconfont icon-write">
+     <text>write</text>
+     </view>
+     <view class="iconfont icon-writefill">
+     <text>write_fill</text>
+     </view>
+</view>
\ No newline at end of file
diff --git a/pages/icon/icon.wxss b/pages/icon/icon.wxss
new file mode 100644
index 0000000..7930641
--- /dev/null
+++ b/pages/icon/icon.wxss
@@ -0,0 +1,30 @@
+.doc-icon-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.doc-icon-list .iconfont {
+  width: 33.33%;
+  background: #fff;
+  text-align: center;
+  padding: 30rpx 0;
+  border-right: 1rpx solid #eee;
+  border-top: 1rpx solid #eee;
+  color: #888;
+}
+
+.doc-icon-list .iconfont:nth-child(3n) {
+  border-right: 0rpx solid #eee;
+}
+
+.doc-icon-list .iconfont::before {
+  font-size: 50rpx;
+}
+
+.doc-icon-list .iconfont text {
+  display: block;
+  color: #aaa;
+  font-size: 24rpx;
+  line-height: 60rpx;
+  font-family: Arial, -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
+}
diff --git a/pages/image/image.js b/pages/image/image.js
new file mode 100644
index 0000000..42e6b2b
--- /dev/null
+++ b/pages/image/image.js
@@ -0,0 +1,5 @@
+// pages/document/image/image.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/image/image.json b/pages/image/image.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/image/image.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/image/image.wxml b/pages/image/image.wxml
new file mode 100644
index 0000000..ccadca4
--- /dev/null
+++ b/pages/image/image.wxml
@@ -0,0 +1,75 @@
+<view class="bar solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>基础形状</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class='text-center'>
+    <image src='http://image.weilanwl.com/img/square-4.jpg' mode='widthFix' class='radius mr-df' style='width:280rpx;'></image>
+    <image src='http://image.weilanwl.com/img/square-3.jpg' mode='widthFix' class='round' style='width:280rpx;'></image>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>尺寸大小</text>
+  </view>
+</view>
+
+<view class="doc-main">
+  <view class='text-center'>
+    <image src='http://image.weilanwl.com/img/square-1.jpg' mode='widthFix' class='round mr-df img-xs'></image>
+    <image src='http://image.weilanwl.com/img/square-2.jpg' mode='widthFix' class='round mr-df img-sm'></image>
+    <image src='http://image.weilanwl.com/img/square-3.jpg' mode='widthFix' class='round mr-df img-df'></image>
+    <image src='http://image.weilanwl.com/img/square-4.jpg' mode='widthFix' class='round mr-df img-lg'></image>
+    <image src='http://image.weilanwl.com/img/square-1.jpg' mode='widthFix' class='round img-xl'></image>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>百分百图片</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class='text-center'>
+    <image src='http://image.weilanwl.com/img/4x3-1.jpg' mode='widthFix' class='img-block'></image>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>宫格图片</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="lattice-image">
+    <view>
+      <image src='http://image.weilanwl.com/img/4x3-2.jpg' mode='aspectFill'></image>
+    </view>
+    <view style="background-image:url('http://image.weilanwl.com/img/4x3-3.jpg')">
+      <view class='iconfont icon-close'></view>
+    </view>
+    <view style="background-image:url('http://image.weilanwl.com/img/4x3-4.jpg')"></view>
+    <view>
+      <view class='iconfont icon-upload'></view>
+      <image src='http://image.weilanwl.com/img/4x3-1.jpg' mode='aspectFill'></image>
+    </view>
+    <view>
+      <image src='http://image.weilanwl.com/img/3x4-4.jpg' mode='aspectFill'></image>
+    </view>
+    <view>
+      <image src='http://image.weilanwl.com/img/3x4-1.jpg' mode='aspectFill'></image>
+    </view>
+    <view>
+      <image src='http://image.weilanwl.com/img/3x4-2.jpg' mode='aspectFill'></image>
+    </view>
+    <view>
+      <image src='http://image.weilanwl.com/img/3x4-3.jpg' mode='aspectFill'></image>
+    </view>
+    <view class='lattice-btn'>
+      <text class='iconfont icon-pic'></text>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/image/image.wxss b/pages/image/image.wxss
new file mode 100644
index 0000000..4a3aad1
--- /dev/null
+++ b/pages/image/image.wxss
@@ -0,0 +1,3 @@
+page{
+  background: #f5f5f5;
+}
\ No newline at end of file
diff --git a/pages/index/index.js b/pages/index/index.js
new file mode 100644
index 0000000..b81c2aa
--- /dev/null
+++ b/pages/index/index.js
@@ -0,0 +1,39 @@
+//index.js
+//获取应用实例
+const app = getApp()
+
+Page({
+  data: {
+    desc: { image: '/images/index.png', text: '鲜亮的高饱和色彩，专注视觉的小程序组件库' },
+    elements: [
+      { title: '布局', name: 'layout' },
+      { title: '按钮', name: 'button' },
+      { title: '徽章', name: 'badge' },
+      { title: '边框', name: 'border' },
+      { title: '文本', name: 'text' },
+      { title: '图标 ', name: 'icon' },
+      { title: '加载', name: 'loading' },
+      { title: '图片 ', name: 'image' },
+    ],
+    modules: [
+      { title: '操作条', name: 'bar' },
+      { title: '表单', name: 'form' },
+      { title: '导航条 ', name: 'nav' },
+      { title: '列表项', name: 'item' },
+      { title: '列表 ', name: 'list' },
+      { title: '侧边栏', name: 'side' },
+      { title: '评论 ', name: 'comment' },
+      { title: '时间线', name: 'timeline' },
+      { title: '轮播 ', name: 'slider' },
+      { title: '评分', name: 'rating' },
+      { title: '弹出框 ', name: 'modal' },
+      { title: '进度条 ', name: 'progress' },
+      { title: '聊天 ', name: 'chat' },
+    ],
+    userinfo: []
+  },
+
+  onLoad: function () {
+
+  }
+})
diff --git a/pages/index/index.json b/pages/index/index.json
new file mode 100644
index 0000000..a694386
--- /dev/null
+++ b/pages/index/index.json
@@ -0,0 +1,3 @@
+{
+  "enablePullDownRefresh":false
+}
\ No newline at end of file
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
new file mode 100644
index 0000000..7849a44
--- /dev/null
+++ b/pages/index/index.wxml
@@ -0,0 +1,22 @@
+<view class="desc">
+  <image src="{{desc.image}}" mode="widthFix" class="indexImage"></image>
+  <text>{{desc.text}}</text>
+</view>
+
+<view class='title'>Elements 元素</view>
+<navigator url="../{{item.name}}/{{item.name}}" class="nav-list" wx:for="{{elements}}" wx:key="{{index}}">
+  <view class="nav-title">{{item.title}}</view>
+  <view class="nav-name">{{item.name}}</view>
+  <view class="iconfont icon-right"></view>
+</navigator>
+
+<view class='title'>Modules 模块</view>
+<navigator url="../{{item.name}}/{{item.name}}" class="nav-list" wx:for="{{modules}}" wx:key="{{index}}">
+  <view class="nav-title">{{item.title}}</view>
+  <view class="nav-name">{{item.name}}</view>
+  <view class="iconfont icon-right"></view>
+</navigator>
+<view class="foot-text">
+  <text class="iconfont icon-discover"></text>
+  <text> https://color.weilanwl.com/</text>
+</view>
\ No newline at end of file
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
new file mode 100644
index 0000000..a9f786a
--- /dev/null
+++ b/pages/index/index.wxss
@@ -0,0 +1,18 @@
+page {
+  background: #f1f1f1;
+}
+
+.foot-text {
+  line-height: 100rpx;
+  text-align: center;
+  color: #aaa;
+  font-size: 26rpx;
+}
+.title{
+  text-align: center;
+  font-size: 32rpx;
+  color: #888;
+}
+.nav-list + .title {
+  margin-top: 50rpx;
+}
\ No newline at end of file
diff --git a/pages/item/item.js b/pages/item/item.js
new file mode 100644
index 0000000..069d63c
--- /dev/null
+++ b/pages/item/item.js
@@ -0,0 +1,5 @@
+// pages/document/item/item.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/item/item.json b/pages/item/item.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/item/item.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/item/item.wxml b/pages/item/item.wxml
new file mode 100644
index 0000000..302d36e
--- /dev/null
+++ b/pages/item/item.wxml
@@ -0,0 +1,219 @@
+
+<view class='column-box'>
+  <view class='column-li'>
+    <image src='http://www.diwuyuan.com/attachs/case/137/201803/20180319_7E4E388763E70039631E31B9F9BB8A42.jpg_thumb.png' mode='widthFix'></image>
+  </view>
+  <view class='column-li'>
+    <image src='http://www.diwuyuan.com/attachs/case/137/201803/20180319_06C12D2703D564BAC06F2BCC311E9440.jpg_thumb.png' mode='widthFix'></image>
+  </view>
+  <view class='column-li'>
+    <image src='http://www.diwuyuan.com/attachs/case/18/201801/20180123_C4B1DD3B9D4326F9458A1C11FAFD23F6.jpg_thumb.png' mode='widthFix'></image>
+  </view>
+  <view class='column-li'>
+    <image src='http://www.diwuyuan.com/attachs/case/18/201801/20180123_5B3C4F1DAFB8F86186B50D18919A7BA8.jpg_thumb.png' mode='widthFix'></image>
+  </view>
+</view>
+<view class='order-box'>
+  <view class='order-item'>
+    <view class='order-bar justify-between'>
+      <view class='ml-sm'>喵星酱的杂货铺
+        <text class='iconfont icon-right'></text> </view>
+      <view class='warning-text mr-sm'>等待付款</view>
+    </view>
+    <view class='goods-main'>
+      <image src='http://image.weilanwl.com/img/square-1.jpg' mode='aspectFill' class='goods-list-img'></image>
+      <view class='goods-text'>
+        <view class=''>非常可爱的喵咪爬架 喵星酱特价供货</view>
+        <view class='gray-text text-sm'>主子爱不释爪的首选</view>
+        <view class='mt-xs'>
+          <text class='badge danger round mr-sm'>爬架</text>
+          <text class='badge success round'>喵星酱</text>
+        </view>
+      </view>
+      <view class='goods-info'>
+        <view class='price'>¥ 520.00</view>
+        <view class='del-price'>¥ 1314.00</view>
+        <view class='goods-num'>x 2</view>
+      </view>
+    </view>
+    <view class='pt-sm pr-sm text-right'>
+      共2件商品 合计:￥2360.00 (含运费￥)
+    </view>
+    <view class='flex p-sm justify-end'>
+      <view class=''>
+        <button class='gray btn mr-sm'>查看详情</button>
+        <button class='warning btn'>立即付款</button>
+      </view>
+    </view>
+  </view>
+</view>
+
+<view class='item-list-box mt-sm'>
+  <view class="goods-list-li">
+    <view class='goods-list-main'>
+      <image src='http://image.weilanwl.com/img/4x4.jpg' mode='aspectFill' class='goods-list-img'></image>
+      <view class='goods-list-text'>
+        <view class='goods-list-top'>
+          <view class='text-lg'>【新品首发】微信小程序前端定制化服务 </view>
+          <view class='gray-text'>ColorUi规范 精简 高效</view>
+        </view>
+        <view class='goods-list-foot'>
+          <view class='goods-list-price'>0.01
+            <text class='gray-text'>9689</text>
+          </view>
+          <button class='danger btn sm'> 去购买
+            <text class='iconfont icon-right'></text>
+          </button>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <view class="case-list-li">
+    <view class="case-list-img">
+      <image src="http://image.weilanwl.com/img/4x3-1.jpg" mode="widthFix"></image>
+      <view class="case-list-badge">标签</view>
+      <view class="case-list-title">小主子卖萌熊猫套装</view>
+    </view>
+    <view class="item-list-data">
+      <image src="http://image.weilanwl.com/img/4x4.jpg" class='round'></image>
+      <view class='item-list-author'>
+        <view class="item-list-name">文晓港
+          <text>/ 伪铲屎官</text>
+        </view>
+        <view class="item-list-info">
+          <text class="iconfont icon-timefill"> 十天前</text>
+          <view class="item-list-num">
+            <text class="iconfont icon-attentionfill"> 10</text>
+            <text class="iconfont icon-favorfill"> 20</text>
+            <text class="iconfont icon-messagefill"> 30</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <view class="article-list-li">
+    <view class="article-list-title">这里有个戏精铲屎官，主子了解一下？</view>
+    <view class="article-list-content">
+      <view class="article-list-thumbs">
+        <image src="http://image.weilanwl.com/img/4x3-3.jpg" mode="widthFix"></image>
+      </view>
+      <view class="article-list-desc">
+        <view class='article-list-text'> 这是一个伪铲屎官为了给自己的程序凑字数瞎几把乱写的一堆文字，了解一下就OK！ヾ(=･ω･=)o</view>
+        <view class="article-list-tag">
+          <view class='badge danger round mr-sm'>假装有猫系列</view>
+          <view class='badge success round'>戏精系列</view>
+        </view>
+      </view>
+    </view>
+    <view class="item-list-data">
+      <image src="http://image.weilanwl.com/img/4x4.jpg" class='round'></image>
+      <view class='item-list-author'>
+        <view class="item-list-name">文晓港
+          <text>/ 程序员</text>
+        </view>
+        <view class="item-list-info">
+          <text class="iconfont icon-timefill"> 十天前</text>
+          <view class="item-list-num">
+            <text class="iconfont icon-attentionfill"> 10</text>
+            <text class="iconfont icon-favorfill"> 20</text>
+            <text class="iconfont icon-messagefill"> 30</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <view class="article-list-li">
+    <view class="article-list-title">这是没有图片的文章列表项的标题</view>
+    <view class="article-list-content">
+      <view class="article-list-desc">
+        <view class='article-list-text'>其实吧，做程序员也不都是枯燥乏味的，比如我吧，为了写段话在这里凑字数也是很开心的呀，嘻嘻嘻！求关注！持续更新组件...</view>
+        <view class="article-list-tag">
+          <view class='badge warning round'># 严肃脸 #</view>
+        </view>
+      </view>
+    </view>
+    <view class="item-list-data">
+      <image src="http://image.weilanwl.com/img/4x4.jpg" class='round'></image>
+      <view class='item-list-author'>
+        <view class="item-list-name">文晓港
+          <text>/ 90后</text>
+        </view>
+        <view class="item-list-info">
+          <text class="iconfont icon-timefill"> 十天前</text>
+          <view class="item-list-num">
+            <text class="iconfont icon-attentionfill"> 10</text>
+            <text class="iconfont icon-favorfill"> 20</text>
+            <text class="iconfont icon-messagefill"> 30</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+
+</view>
+<view class='card-list-box'>
+  <view class="ins-list-li">
+    <view class="ins-list-img">
+      <image src="http://image.weilanwl.com/img/3x4-1.jpg" mode="widthFix"></image>
+      <view class="ins-list-num">
+        <text class="iconfont icon-attentionfill">10</text>
+        <text class="iconfont icon-favorfill">20</text>
+        <text class="iconfont icon-picfill">30</text>
+      </view>
+      <view class="ins-list-title">小兔几</view>
+    </view>
+    <view class="ins-list-author">
+      <image src="http://image.weilanwl.com/img/4x4.jpg" class='round'></image>
+      <view class="ins-list-name">文晓港</view>
+    </view>
+  </view>
+  <view class="ins-list-li">
+    <view class="ins-list-img">
+      <image src="http://image.weilanwl.com/img/3x4-2.jpg" mode="widthFix"></image>
+      <view class="ins-list-num">
+        <text class="iconfont icon-attentionfill">10</text>
+        <text class="iconfont icon-favorfill">20</text>
+        <text class="iconfont icon-picfill">30</text>
+      </view>
+      <view class="ins-list-title">瓜皮的id酱的照片</view>
+    </view>
+    <view class="ins-list-author">
+      <image src="http://image.weilanwl.com/img/4x4.jpg" class='round'></image>
+      <view class="ins-list-name">文晓港</view>
+    </view>
+  </view>
+  <view class="ins-list-li">
+    <view class="ins-list-img">
+      <image src="http://image.weilanwl.com/img/3x4-3.jpg" mode="widthFix"></image>
+      <view class="ins-list-num">
+        <text class="iconfont icon-attentionfill"> 10</text>
+        <text class="iconfont icon-favorfill"> 20</text>
+        <text class="iconfont icon-picfill"> 30</text>
+      </view>
+      <view class="ins-list-title">求收养</view>
+    </view>
+    <view class="ins-list-author">
+      <image src="http://image.weilanwl.com/img/4x4.jpg" class='round'></image>
+      <view class="ins-list-name">文晓港</view>
+    </view>
+  </view>
+  <view class="ins-list-li">
+    <view class="ins-list-img">
+      <image src="http://image.weilanwl.com/img/3x4-4.jpg" mode="widthFix"></image>
+      <view class="ins-list-num">
+        <text class="iconfont icon-attentionfill"> 10</text>
+        <text class="iconfont icon-favorfill"> 20</text>
+        <text class="iconfont icon-picfill"> 30</text>
+      </view>
+      <view class="ins-list-title">小主子和Ta的玩具.jpg</view>
+    </view>
+    <view class="ins-list-author">
+      <image src="http://image.weilanwl.com/img/4x4.jpg" class='round'></image>
+      <view class="ins-list-name">文晓港</view>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/item/item.wxss b/pages/item/item.wxss
new file mode 100644
index 0000000..aaecb79
--- /dev/null
+++ b/pages/item/item.wxss
@@ -0,0 +1,3 @@
+page{
+  background: #f1f1f1;
+}
\ No newline at end of file
diff --git a/pages/label/label.js b/pages/label/label.js
new file mode 100644
index 0000000..d7f2299
--- /dev/null
+++ b/pages/label/label.js
@@ -0,0 +1,5 @@
+// pages/document/label/label.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/label/label.json b/pages/label/label.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/label/label.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/label/label.wxml b/pages/label/label.wxml
new file mode 100644
index 0000000..aee755f
--- /dev/null
+++ b/pages/label/label.wxml
@@ -0,0 +1,5 @@
+<view class='screen'>
+  <view class='iconfont icon-discover gray-text'>
+    <view class='text-df'>组件开发中...</view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/label/label.wxss b/pages/label/label.wxss
new file mode 100644
index 0000000..5033d3d
--- /dev/null
+++ b/pages/label/label.wxss
@@ -0,0 +1,10 @@
+.textarea {
+  width: 100%;
+  z-index: 999;
+  bottom: 0;
+  background: #aaa
+}
+.textarea  textarea {
+  background: #666
+}
+
diff --git a/pages/layout/layout.js b/pages/layout/layout.js
new file mode 100644
index 0000000..351181e
--- /dev/null
+++ b/pages/layout/layout.js
@@ -0,0 +1,66 @@
+// pages/document/layout/layout.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+  
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+  
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+  
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+  
+  }
+})
\ No newline at end of file
diff --git a/pages/layout/layout.json b/pages/layout/layout.json
new file mode 100644
index 0000000..7f0c304
--- /dev/null
+++ b/pages/layout/layout.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "布局/Layout"
+}
\ No newline at end of file
diff --git a/pages/layout/layout.wxml b/pages/layout/layout.wxml
new file mode 100644
index 0000000..5c548d7
--- /dev/null
+++ b/pages/layout/layout.wxml
@@ -0,0 +1,134 @@
+<view class="bar solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>Flex 布局</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view>
+    <text class='iconfont icon-title success-text'></text> 固定尺寸
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm flex-wrap">
+    <view class='basis-xs doc-box-sub p-sm m-xs'>xs(20%)</view>
+    <view class='basis-df'></view>
+    <view class='basis-sm doc-box-sub p-sm m-xs'>sm(40%)</view>
+    <view class='basis-df'></view>
+    <view class='basis-df doc-box-sub p-sm m-xs'>sub(50%)</view>
+    <view class='basis-lg doc-box-sub p-sm m-xs'>lg(60%)</view>
+    <view class='basis-xl doc-box-sub p-sm m-xs'>xl(80%)</view>
+  </view>
+  <view>
+    <text class='iconfont icon-title success-text'></text> 比例
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm">
+    <view class='flex-sub doc-box-sub p-sm m-xs'>1</view>
+    <view class='flex-sub doc-box-sub p-sm m-xs'>1</view>
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm">
+    <view class='flex-sub doc-box-sub p-sm m-xs'>1</view>
+    <view class='flex-twice doc-box-sub p-sm m-xs'>2</view>
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm">
+    <view class='flex-sub doc-box-sub p-sm m-xs'>1</view>
+    <view class='flex-twice doc-box-sub p-sm m-xs'>2</view>
+    <view class='flex-treble doc-box-sub p-sm m-xs'>3</view>
+  </view>
+  <view>
+    <text class='iconfont icon-title success-text'></text> 水平对齐
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm justify-start">
+    <view class='doc-box-sub p-sm m-xs'>start</view>
+    <view class='doc-box-sub p-sm m-xs'>start</view>
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm justify-end">
+    <view class='doc-box-sub p-sm m-xs'>end</view>
+    <view class='doc-box-sub p-sm m-xs'>end</view>
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm justify-center">
+    <view class='doc-box-sub p-sm m-xs'>center</view>
+    <view class='doc-box-sub p-sm m-xs'>center</view>
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm justify-between">
+    <view class='doc-box-sub p-sm m-xs'>between</view>
+    <view class='doc-box-sub p-sm m-xs'>between</view>
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm justify-around">
+    <view class='doc-box-sub p-sm m-xs'>around</view>
+    <view class='doc-box-sub p-sm m-xs'>around</view>
+  </view>
+  <view>
+    <text class='iconfont icon-title success-text'></text> 垂直对齐
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm align-start">
+    <view class='doc-box-sub big-sub p-sm m-xs'>ColorUi</view>
+    <view class='doc-box-sub p-sm m-xs'>start</view>
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm align-end">
+    <view class='doc-box-sub big-sub p-sm m-xs'>ColorUi</view>
+    <view class='doc-box-sub p-sm m-xs'>end</view>
+  </view>
+  <view class="flex doc-box p-xs mt-sm mb-sm align-center">
+    <view class='doc-box-sub big-sub p-sm m-xs'>ColorUi</view>
+    <view class='doc-box-sub p-sm m-xs'>center</view>
+  </view>
+</view>
+<view class="bar mt-sm solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>内外边距</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view>{size}的尺寸有xs/sm/df/lg/xl</view>
+  <view class='doc-box flex flex-wrap pv-xs ph-df mt-sm'>
+    <view class="basis-df">外边距</view>
+    <view class="basis-df">内边距</view>
+    <view class="basis-df">.m-{size}</view>
+    <view class="basis-df">.p-{size}</view>
+  </view>
+  <view class='doc-box flex flex-wrap mt-sm  pv-xs ph-df'>
+    <view class="basis-df">水平方向外边距</view>
+    <view class="basis-df">水平方向内边距</view>
+    <view class="basis-df">.mh-{size}</view>
+    <view class="basis-df">.ph-{size}</view>
+  </view>
+  <view class='doc-box flex flex-wrap mt-sm pv-xs ph-df'>
+    <view class="basis-df">垂直方向外边距</view>
+    <view class="basis-df">垂直方向内边距</view>
+    <view class="basis-df">.mv-{size}</view>
+    <view class="basis-df">.pv-{size}</view>
+  </view>
+  <view class='doc-box flex flex-wrap mt-sm pv-xs ph-df'>
+    <view class="basis-df">上外边距</view>
+    <view class="basis-df">上内边距</view>
+    <view class="basis-df">.mt-{size}</view>
+    <view class="basis-df">.pt-{size}</view>
+  </view>
+  <view class='doc-box flex flex-wrap mt-sm pv-xs ph-df'>
+    <view class="basis-df">右外边距</view>
+    <view class="basis-df">右内边距</view>
+    <view class="basis-df">.mr-{size}</view>
+    <view class="basis-df">.pr-{size}</view>
+  </view>
+  <view class='doc-box flex flex-wrap mt-sm pv-xs ph-df'>
+    <view class="basis-df">下外边距</view>
+    <view class="basis-df">下内边距</view>
+    <view class="basis-df">.mb-{size}</view>
+    <view class="basis-df">.pb-{size}</view>
+  </view>
+  <view class='doc-box flex flex-wrap mt-sm pv-xs ph-df'>
+    <view class="basis-df">左外边距</view>
+    <view class="basis-df">左内边距</view>
+    <view class="basis-df">.ml-{size}</view>
+    <view class="basis-df">.pl-{size}</view>
+  </view>
+</view>
+<view class="bar mt-sm solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>浮动</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="doc-box cf p-sm">
+    <view class='doc-box-sub fl p-sm'>ColorUi fl</view>
+    <view class='doc-box-sub fr p-sm'>ColorUi fr</view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/layout/layout.wxss b/pages/layout/layout.wxss
new file mode 100644
index 0000000..4a3aad1
--- /dev/null
+++ b/pages/layout/layout.wxss
@@ -0,0 +1,3 @@
+page{
+  background: #f5f5f5;
+}
\ No newline at end of file
diff --git a/pages/list/list.js b/pages/list/list.js
new file mode 100644
index 0000000..7413fcc
--- /dev/null
+++ b/pages/list/list.js
@@ -0,0 +1,5 @@
+// pages/element/list/list.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/list/list.json b/pages/list/list.json
new file mode 100644
index 0000000..44cab14
--- /dev/null
+++ b/pages/list/list.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "列表/list"
+}
\ No newline at end of file
diff --git a/pages/list/list.wxml b/pages/list/list.wxml
new file mode 100644
index 0000000..dbf4bb6
--- /dev/null
+++ b/pages/list/list.wxml
@@ -0,0 +1,228 @@
+<view class="user">
+  <view class="user-top">
+    <view class="user-img">
+      <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg" class='radius'></image>
+    </view>
+    <view class="user-text">
+      <view class="user-name">
+        文晓港
+        <text>切图仔</text>
+      </view>
+      <view class="user-sub cf">
+        <navigator hover-class='none' class='gray btn xs round'>编辑资料</navigator>
+        <navigator hover-class='none' class='fr'>
+          <text class='iconfont icon-qrcode'></text> 个人名片</navigator>
+      </view>
+    </view>
+  </view>
+  <view class="user-nav icon-nav-box">
+    <view class="icon-nav">
+      <navigator hover-class="none" class="icon-nav-navigator">
+        <text class="iconfont icon-moneybagfill"></text>
+        <text class="icon-nav-text">资金</text>
+      </navigator>
+      <navigator hover-class="none" class="icon-nav-navigator">
+        <text class="iconfont icon-radiobox"></text>
+        <text class="icon-nav-text">圈子</text>
+      </navigator>
+      <navigator hover-class="none" class="icon-nav-navigator">
+        <text class="iconfont icon-cartfill"><text class='badge mark-badge'>9</text></text>
+        <text class="icon-nav-text">购物车</text>
+      </navigator>
+      <navigator hover-class="none" class="icon-nav-navigator">
+        <text class="iconfont icon-messagefill"><text class='badge mark-badge'>99+</text></text>
+        <text class="icon-nav-text">消息</text>
+      </navigator>
+    </view>
+  </view>
+  <view class='user-bg' style='background-image:url(http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg)'>
+  </view>
+</view>
+<view class="list-box">
+  <view class="list-li">
+    <view class="list-text">
+      <view class="iconfont icon-list warning-text"> </view>
+      默认
+    </view>
+  </view>
+  <view class="list-li list-arrow">
+    <view class="list-text">
+      <view class="iconfont icon-right warning-text"> </view> 带箭头
+    </view>
+  </view>
+  <navigator url="" hover-class="none" class="list-li">
+    <view class="list-text">
+      <view class="iconfont icon-medal primary-text"> </view> 带徽章
+    </view>
+    <view class="list-badge">
+      <text class='badge warning-badge round'>徽章</text>
+      <text class='badge secondary-badge radius '>徽章</text>
+    </view>
+  </navigator>
+  <navigator url="" hover-class="none" class="list-li list-arrow">
+    <view class="list-text">
+      <view class="iconfont icon-medal primary-text"> </view> 带图标的提示
+    </view>
+    <view class="list-icon iconfont icon-appreciatefill warning-text">
+      点赞
+    </view>
+  </navigator>
+  <navigator url="" hover-class="none" class="list-li list-arrow">
+    <view class="list-text">
+      <view class="iconfont icon-medal danger-text"> </view> 带说明
+    </view>
+    <view class="list-icon gray-text">
+      小目标还没实现！
+    </view>
+  </navigator>
+</view>
+<view class='list-box'>
+  <view class="list-li">
+    <view class='list-tx'>
+      <view class='list-tx-img'>
+        <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg"></image>
+      </view>
+      <text> 名字</text>
+    </view>
+    <view class="delet-box iconfont icon-delete"></view>
+  </view>
+  <view class="list-li">
+    <view class='list-tx'>
+      <view class='list-tx-img'>
+        <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg"></image>
+      </view>
+      <text> 名字</text>
+    </view>
+    <view class="delet-box iconfont icon-delete"></view>
+  </view>
+  <view class="list-li">
+    <view class='list-tx'>
+      <view class='list-tx-img'>
+        <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg"></image>
+      </view>
+      <text> 名字</text>
+    </view>
+    <view class="delet-box iconfont icon-delete"></view>
+  </view>
+</view>
+<view class="list-box">
+  <view class="list-li">
+    <view class="list-text">
+      <view class="iconfont icon-medal danger-text"> </view> 带信息
+      <text>信息内容</text>
+    </view>
+  </view>
+  <view class="list-li">
+    <view class="list-text">
+      <view class="iconfont icon-medal danger-text"> </view> 带头像
+    </view>
+    <view class="list-tx">
+      <view class='list-tx-img'>
+        <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg" mode="aspectFill"></image>
+        <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg" mode="aspectFill"></image>
+        <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg" mode="aspectFill"></image>
+      </view>
+      <text>3 人</text>
+    </view>
+  </view>
+  <navigator url="" hover-class="none" class="list-li">
+    <view class="list-text">
+      <view class="iconfont icon-medal primary-text"> </view> 带按钮
+    </view>
+    <view class="list-btn">
+      <button class='primary btn'>
+        <text class='iconfont icon-yinsi'></text> 按钮</button>
+      <button class='danger btn'>按钮</button>
+    </view>
+  </navigator>
+</view>
+<view class="list-box list-double-col">
+  <view class="list-li">
+    <view class="list-text">
+      带信息
+      <text>信息内容</text>
+    </view>
+  </view>
+  <view class="list-li">
+    <view class="list-text">
+      <view class="iconfont icon-medal danger-text"> </view> 双列
+    </view>
+  </view>
+  <navigator url="" hover-class="none" class="list-li">
+    <view class="list-text success-text">
+      消息
+    </view>
+    <view class="list-badge">
+      <text class='badge mark-badge cur'></text>
+    </view>
+  </navigator>
+  <navigator url="" hover-class="none" class="list-li">
+    <view class='list-text warning-text'>访客</view>
+    <view class="list-badge">
+      <text class='badge mark-badge'>99+</text>
+    </view>
+  </navigator>
+  <navigator url="" hover-class="none" class="list-li">
+    <view class="list-text">
+      没有图标
+    </view>
+    <view class="list-btn">
+      <button class='danger btn'>按钮</button>
+    </view>
+  </navigator>
+  <view class="list-li">
+  </view>
+</view>
+<view class='list-box lattice-list'>
+  <view class='lattice-li'>
+    <view class="iconfont icon-countdown danger-text"> </view>
+    <view class="lattice-text">
+      宫格列表
+    </view>
+  </view>
+  <view class='lattice-li'>
+    <view class="iconfont icon-countdown danger-text"> </view>
+    <view class="lattice-text">
+      宫格列表
+    </view>
+  </view>
+  <view class='lattice-li'>
+    <view class="iconfont icon-countdown danger-text"> </view>
+    <view class="lattice-text">
+      宫格列表
+    </view>
+  </view>
+  <view class='lattice-li'>
+    <view class="iconfont icon-countdown danger-text"> </view>
+    <view class="lattice-text">
+      宫格列表
+    </view>
+  </view>
+  <view class='lattice-li'>
+    <view class="iconfont icon-countdown danger-text"> </view>
+    <view class="lattice-text">
+      宫格列表
+    </view>
+  </view>
+  <view class='lattice-li'>
+    <view class="iconfont icon-countdown danger-text"> </view>
+    <view class="lattice-text">
+      宫格列表
+    </view>
+  </view>
+  <view class='lattice-li'>
+    <view class="iconfont icon-countdown danger-text"> </view>
+    <view class="lattice-text">
+      宫格列表
+    </view>
+  </view>
+  <view class='lattice-li'>
+    <view class="iconfont icon-countdown danger-text"> </view>
+    <view class="lattice-text">
+      宫格列表
+    </view>
+  </view>
+</view>
+<view class='pv-sm text-center'>
+  <button class='danger btn'>按钮</button>
+</view>
\ No newline at end of file
diff --git a/pages/list/list.wxss b/pages/list/list.wxss
new file mode 100644
index 0000000..350500e
--- /dev/null
+++ b/pages/list/list.wxss
@@ -0,0 +1,3 @@
+page {
+  background: #f1f1f1;
+}
\ No newline at end of file
diff --git a/pages/loading/loading.js b/pages/loading/loading.js
new file mode 100644
index 0000000..69a99a5
--- /dev/null
+++ b/pages/loading/loading.js
@@ -0,0 +1,26 @@
+// pages/element/loading/loading.js
+Page({
+  data: {
+    loading: true
+  },
+  showLoading: function () {
+    var that = this;
+    this.setData({
+      showLoading: true
+    })
+
+    setTimeout(function () {
+      that.setData({
+        showLoading: false
+      })
+    }, 2000)
+  },
+  // onLoad: function () {
+  //   var that = this;
+  //   setTimeout(function () {
+  //     that.setData({
+  //       loading: true
+  //     })
+  //   }, 3000)
+  // }
+})
\ No newline at end of file
diff --git a/pages/loading/loading.json b/pages/loading/loading.json
new file mode 100644
index 0000000..3bfc116
--- /dev/null
+++ b/pages/loading/loading.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "加载/Loading"
+}
\ No newline at end of file
diff --git a/pages/loading/loading.wxml b/pages/loading/loading.wxml
new file mode 100644
index 0000000..0539924
--- /dev/null
+++ b/pages/loading/loading.wxml
@@ -0,0 +1,49 @@
+<view class="bar solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>底部-加载中</text>
+  </view>
+</view>
+<view class="loading-more {{loading?'cur':''}}">
+  <view class='no-more'>
+    <text class='iconfont icon-info'></text> 我也是有底线的！
+  </view>
+  <view class='loading-ing'>
+    <text class='iconfont icon-loading iconfont-spin'></text> 加载中...
+  </view>
+</view>
+
+
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>底部-加载完毕</text>
+  </view>
+</view>
+
+<view class="loading-more {{!loading?'cur':''}}">
+  <view class='no-more'>
+    <text class='iconfont icon-info'></text> 我也是有底线的！
+  </view>
+  <view class='loading-ing'>
+    <text class='iconfont icon-loading iconfont-spin'></text> 加载中...
+  </view>
+</view>
+
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>弹出框-加载</text>
+  </view>
+</view>
+<view class='doc-main'>
+  <view class='text-center'>
+    <button class='warning btn' bindtap='showLoading'>点我</button>
+  </view>
+</view>
+<view class='mode-loading' wx:if="{{showLoading}}">
+  <view class='mode-text'>
+    <view class='iconfont icon-emojifill warning-text'></view>
+    <view class='gray-text'>加载中...</view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/loading/loading.wxss b/pages/loading/loading.wxss
new file mode 100644
index 0000000..975f604
--- /dev/null
+++ b/pages/loading/loading.wxss
@@ -0,0 +1,10 @@
+image{
+  width: 100%;
+  display:block;
+}
+page {
+  background: #f1f1f1;
+}
+.doc-main-title{
+  padding: 0 20rpx;
+}
\ No newline at end of file
diff --git a/pages/modal/modal.js b/pages/modal/modal.js
new file mode 100644
index 0000000..edf82dd
--- /dev/null
+++ b/pages/modal/modal.js
@@ -0,0 +1,29 @@
+var app =getApp()
+Page({
+
+  data: {
+    items: [
+      { name: 'USA', value: '美国' },
+      { name: 'CHN', value: '中国', checked: 'true' },
+      { name: 'BRA', value: '巴西' },
+      { name: 'JPN', value: '日本' },
+      { name: 'ENG', value: '英国' },
+      { name: 'TUR', value: '法国' },
+      { name: 'BRA', value: '巴西' },
+      { name: 'JPN', value: '日本' },
+      { name: 'ENG', value: '英国' },
+      { name: 'TUR', value: '法国' }
+    ]
+  },
+  showModal: function (e) {
+    var showName = e.currentTarget.dataset.modal;
+    this.setData({
+      modalName: showName
+    })
+  },
+  closeModal: function (e) {
+    this.setData({
+      modalName: null
+    })
+  },
+})
\ No newline at end of file
diff --git a/pages/modal/modal.json b/pages/modal/modal.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/modal/modal.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/modal/modal.wxml b/pages/modal/modal.wxml
new file mode 100644
index 0000000..e746a1e
--- /dev/null
+++ b/pages/modal/modal.wxml
@@ -0,0 +1,99 @@
+<view class="nav-list {{modalName=='defualtmodal'?'cur':''}}" bindtap='showModal' data-modal="defualtmodal">
+  <view class="nav-title">普通弹出层</view>
+  <view class="iconfont icon-right"></view>
+</view>
+<view class="nav-list {{modalName=='bottomModal'?'cur':''}}" bindtap='showModal' data-modal="bottomModal">
+  <view class="nav-title">底部弹出层</view>
+  <view class="iconfont icon-right"></view>
+</view>
+
+
+<view class="nav-list {{modalName=='modal'?'cur':''}}" bindtap='showModal' data-modal="modal">
+  <view class="nav-title">两个操作的模态框</view>
+  <view class="iconfont icon-right"></view>
+</view>
+
+
+<view class="nav-list {{modalName=='modals'?'cur':''}}" bindtap='showModal' data-modal="modals">
+  <view class="nav-title">多个操作的模态框</view>
+  <view class="iconfont icon-right"></view>
+</view>
+
+
+
+<view class="modal-box {{modalName=='defualtmodal'?'cur':''}}">
+  <view class='modal-dialog'>
+    <view class="modal-title">
+      <text>复选框</text>
+      <view class='bar-close badge danger round' bindtap='closeModal'>
+        <text class='iconfont icon-close'></text>
+      </view>
+    </view>
+    <view class='modal-bd'>
+      <radio-group class="list-double-col list-box" bindchange="radioChange">
+        <label class="radio list-li" wx:for="{{items}}">
+          <view class='list-text'>{{item.value}}</view>
+          <radio value="{{item.name}}" checked="{{item.checked}}" class='list-icon' />
+        </label>
+      </radio-group>
+    </view>
+  </view>
+</view>
+
+
+<view class="modal-box bottom-modal {{modalName=='bottomModal'?'cur':''}}">
+  <view class='modal-dialog'>
+    <view class="modal-title">
+      <text>复选框</text>
+      <view class='bar-close badge danger round' bindtap='closeModal'>
+        <text class='iconfont icon-close'></text>
+      </view>
+    </view>
+    <view class='modal-bd'>
+      <radio-group class="list-double-col list-box" bindchange="radioChange">
+        <label class="list-li" wx:for="{{items}}">
+          <view class='list-text'>{{item.value}}</view>
+          <radio value="{{item.name}}" checked="{{item.checked}}" class='list-icon' />
+        </label>
+      </radio-group>
+    </view>
+  </view>
+</view>
+
+<view class="modal-box {{modalName=='modal'?'cur':''}}">
+  <view class='modal-dialog'>
+    <view class="modal-title">
+      <text>复选框</text>
+      <view class='bar-close badge danger round' bindtap='closeModal'>
+        <text class='iconfont icon-close'></text>
+      </view>
+    </view>
+    <view class='modal-bd modal-message'>
+      带确认和取消
+    </view>
+    <view class='modal-option'>
+      <view class='modal-option-btn'>取消</view>
+      <view class='modal-option-btn success-text'>确认</view>
+    </view>
+  </view>
+</view>
+
+<view class="modal-box {{modalName=='modals'?'cur':''}}">
+  <view class='modal-dialog'>
+    <view class="modal-title">
+      <text>请选择</text>
+      <view class='bar-close badge danger round' bindtap='closeModal'>
+        <text class='iconfont icon-close'></text>
+      </view>
+    </view>
+    <view class='modal-bd modal-message'>
+      带确认和取消
+    </view>
+    <view class='modal-option'>
+      <view class='modal-option-btn success-text'>
+        <text class='iconfont icon-moneybag'></text> 微信支付</view>
+      <view class='modal-option-btn'>取消</view>
+      <view class='modal-option-btn '>确认</view>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/modal/modal.wxss b/pages/modal/modal.wxss
new file mode 100644
index 0000000..350500e
--- /dev/null
+++ b/pages/modal/modal.wxss
@@ -0,0 +1,3 @@
+page {
+  background: #f1f1f1;
+}
\ No newline at end of file
diff --git a/pages/nav/nav.js b/pages/nav/nav.js
new file mode 100644
index 0000000..f97aebd
--- /dev/null
+++ b/pages/nav/nav.js
@@ -0,0 +1,24 @@
+// pages/element/bar/bar.js
+Page({
+  data: {
+    nav: [
+      { title: '可滚动', name: 'norm' },
+      { title: '居中', name: 'center' },
+      { title: '深色', name: 'success' },
+      { title: '带菜单', name: 'menu' },
+      { title: '图标导航', name: 'icon' }
+    ],
+    navName: 'norm'
+  },
+  navScroll: function (e) {
+    var sl = e.detail.scrollLeft * 0.1;
+    this.setData({
+      scrollleft: sl
+    })
+  },
+  setName: function (e) {
+    this.setData({
+      navName: e.currentTarget.dataset.name
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/nav/nav.json b/pages/nav/nav.json
new file mode 100644
index 0000000..2f61afd
--- /dev/null
+++ b/pages/nav/nav.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "导航栏/Nav"
+}
\ No newline at end of file
diff --git a/pages/nav/nav.wxml b/pages/nav/nav.wxml
new file mode 100644
index 0000000..c62971a
--- /dev/null
+++ b/pages/nav/nav.wxml
@@ -0,0 +1,111 @@
+<!--顶部导航-->
+<view class="nav" wx:if="{{navName=='norm'}}">
+  <view class="nav-item-box">
+    <view class="nav-item">全球</view>
+    <view class="nav-item cur">中国</view>
+    <view class="nav-item">美国</view>
+    <view class="nav-item">巴西</view>
+    <view class="nav-item">日本</view>
+    <view class="nav-item">德国</view>
+    <view class="nav-item">加拿大</view>
+  </view>
+</view>
+
+<view class="nav center-nav" wx:if="{{navName=='center'}}">
+  <view class="nav-item-box">
+    <view class="nav-item">
+      <text class='iconfont icon-album'></text> 图集</view>
+    <view class="nav-item cur">
+      <text class='iconfont icon-video'></text> 视频</view>
+  </view>
+</view>
+
+<view class="nav center-nav success-nav" wx:if="{{navName=='success'}}">
+  <view class="nav-item-box">
+    <view class="nav-item">
+      <text class='iconfont icon-album'></text> 图集</view>
+    <view class="nav-item cur">
+      <text class='iconfont icon-video'></text> 视频</view>
+  </view>
+</view>
+
+
+<view class="nav menu-nav" wx:if="{{navName=='menu'}}">
+  <view class="nav-item-box">
+    <view class="nav-item">
+      <text class='iconfont icon-hot'></text> 热销</view>
+    <view class="nav-item cur">衣服</view>
+    <view class="nav-item">裤子</view>
+    <view class="nav-item">箱包</view>
+    <view class="nav-item">手表</view>
+    <view class="nav-item">珠宝</view>
+    <view class="nav-item">数码</view>
+    <view class="nav-item">家居</view>
+  </view>
+  <view class="menu-nav-btn">筛选
+    <text class="iconfont icon-filter success-text"></text>
+  </view>
+</view>
+
+<scroll-view scroll-x="true" class="icon-nav-box" bindscroll="navScroll" wx:if="{{navName=='icon'}}">
+  <view class="icon-nav">
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-picfill"></text>
+      <text class="icon-nav-text">图集</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-cardboardfill"></text>
+      <text class="icon-nav-text">VR</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-discoverfill"><text class='badge mark-badge cur'></text></text>
+      <text class="icon-nav-text">发现</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-cartfill"><text class='badge mark-badge'>9</text></text>
+      <text class="icon-nav-text">购物车</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-favorfill"></text>
+      <text class="icon-nav-text">收藏</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-locationfill"></text>
+      <text class="icon-nav-text">附近</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-weibo"><text class='badge mark-badge'>New</text></text>
+      <text class="icon-nav-text">微博</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-selectionfill"></text>
+      <text class="icon-nav-text">勋章</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-messagefill"><text class='badge mark-badge'>99+</text></text>
+      <text class="icon-nav-text">消息</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-recordfill"></text>
+      <text class="icon-nav-text">短视频</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-redpacket_fill"></text>
+      <text class="icon-nav-text">红包</text>
+    </navigator>
+    <navigator class="icon-nav-navigator">
+      <text class="iconfont icon-timefill"></text>
+      <text class="icon-nav-text">历史记录</text>
+    </navigator>
+  </view>
+</scroll-view>
+<view class="icon-bar-box" wx:if="{{navName=='icon'}}">
+  <view class="icon-bar">
+    <view class="icon-bar-dot" style='margin-left:{{scrollleft}}%'></view>
+  </view>
+</view>
+
+<view class="nav-list {{navName==item.name?'cur':''}}" wx:for="{{nav}}" wx:key="{{index}}" bindtap='setName' data-name='{{item.name}}'>
+  <view class="nav-title">{{item.title}}</view>
+  <view class="iconfont icon-right"></view>
+</view>
\ No newline at end of file
diff --git a/pages/nav/nav.wxss b/pages/nav/nav.wxss
new file mode 100644
index 0000000..350500e
--- /dev/null
+++ b/pages/nav/nav.wxss
@@ -0,0 +1,3 @@
+page {
+  background: #f1f1f1;
+}
\ No newline at end of file
diff --git a/pages/norm/norm.js b/pages/norm/norm.js
new file mode 100644
index 0000000..cca3fbb
--- /dev/null
+++ b/pages/norm/norm.js
@@ -0,0 +1,5 @@
+// pages/element/norm/norm.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/norm/norm.json b/pages/norm/norm.json
new file mode 100644
index 0000000..888c63c
--- /dev/null
+++ b/pages/norm/norm.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "规范/Norm"
+}
\ No newline at end of file
diff --git a/pages/norm/norm.wxml b/pages/norm/norm.wxml
new file mode 100644
index 0000000..61cdc75
--- /dev/null
+++ b/pages/norm/norm.wxml
@@ -0,0 +1,30 @@
+<!--pages/element/norm/norm.wxml-->
+<view class="doc-main">
+  <view class="doc-main-title">CSS 盒模型</view>
+  <view class="doc-main-content">
+    <text>Color UI将所有元素的盒模型 </text><view class="code">box-sizing</view><text> 设置为 </text><view class="code">border-box</view>
+    <text> 这一属性，减少不必要的计算</text>
+  </view>
+  <view class="pre">view, text, scroll-view, swiper, button, form, input, textarea, label, navigator, image {
+  box-sizing: border-box;
+}</view>
+  <view class="doc-main-title">页面默认样式</view>
+  <view class="doc-main-content">    
+    <text>页面 </text><view class="code">page</view><text> 有默认的设置参数 </text>
+  </view>
+  <view class="pre">page {
+  font-size: 28rpx;
+  color: #333;
+  line-height: 1.6;
+  font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
+}</view>
+  <view class="doc-main-title">尺寸单位</view>
+  <view class="doc-main-content">    
+    <text>Color UI将继续使用小程序默认的单位 </text><view class="code">rpx</view>
+  </view>
+  <view class="doc-main-content">    
+    <text> rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。</text>
+  </view>
+</view>
+
+
diff --git a/pages/norm/norm.wxss b/pages/norm/norm.wxss
new file mode 100644
index 0000000..d4a1123
--- /dev/null
+++ b/pages/norm/norm.wxss
@@ -0,0 +1 @@
+/* pages/element/norm/norm.wxss */
\ No newline at end of file
diff --git a/pages/progress/progress.js b/pages/progress/progress.js
new file mode 100644
index 0000000..06ae1a8
--- /dev/null
+++ b/pages/progress/progress.js
@@ -0,0 +1,5 @@
+// pages/document/progress/progress.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/progress/progress.json b/pages/progress/progress.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/progress/progress.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/progress/progress.wxml b/pages/progress/progress.wxml
new file mode 100644
index 0000000..d20a2e5
--- /dev/null
+++ b/pages/progress/progress.wxml
@@ -0,0 +1,110 @@
+<view class="bar solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>基本样式</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="progress mb-sm round">
+    <view class="progress-bar " style="width: 30%"></view>
+  </view>
+  <view class="progress">
+    <view class="progress-bar" style="width: 40%">40%</view>
+  </view>
+</view>
+
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>进度条颜色</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="progress mb-sm">
+    <view class="progress-bar" style="width: 15%"></view>
+  </view>
+
+  <view class="progress mb-sm">
+    <view class="progress-bar progress-bar-secondary" style="width: 30%"></view>
+  </view>
+
+  <view class="progress mb-sm">
+    <view class="progress-bar progress-bar-success" style="width: 45%"></view>
+  </view>
+
+  <view class="progress mb-sm">
+    <view class="progress-bar progress-bar-warning" style="width: 60%"></view>
+  </view>
+
+  <view class="progress">
+    <view class="progress-bar progress-bar-danger" style="width: 75%"></view>
+  </view>
+</view>
+
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>进度条高度</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="progress progress-xs mb-sm">
+    <view class="progress-bar" style="width: 80%"></view>
+  </view>
+
+  <view class="progress progress-sm mb-sm">
+    <view class="progress-bar" style="width: 60%"></view>
+  </view>
+
+  <view class="progress">
+    <view class="progress-bar" style="width: 40%"></view>
+  </view>
+</view>
+
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>进度条条纹</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="progress mt-sm progress-striped">
+    <view class="progress-bar progress-bar-danger" style="width: 80%"></view>
+  </view>
+  <view class="progress mt-sm progress-striped">
+    <view class="progress-bar progress-bar-warning" style="width: 60%"></view>
+  </view>
+  <view class="progress mt-sm progress-striped">
+    <view class="progress-bar progress-bar-success" style="width: 45%"></view>
+  </view>
+  <view class="progress mt-sm progress-striped">
+    <view class="progress-bar progress-bar-secondary" style="width: 30%"></view>
+  </view>
+  <view class="progress mt-sm progress-striped">
+    <view class="progress-bar" style="width: 15%"></view>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>进度条动画</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="progress progress-striped progress-sm active ">
+    <view class="progress-bar progress-bar-secondary" style="width: 57%"></view>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>进度条动画</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="progress">
+    <view class="progress-bar" style="width: 65%">Male</view>
+    <view class="progress-bar progress-bar-success" style="width: 15%">Female</view>
+    <view class="progress-bar progress-bar-warning" style="width: 20%">Other</view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/progress/progress.wxss b/pages/progress/progress.wxss
new file mode 100644
index 0000000..350500e
--- /dev/null
+++ b/pages/progress/progress.wxss
@@ -0,0 +1,3 @@
+page {
+  background: #f1f1f1;
+}
\ No newline at end of file
diff --git a/pages/rating/rating.js b/pages/rating/rating.js
new file mode 100644
index 0000000..27a86d5
--- /dev/null
+++ b/pages/rating/rating.js
@@ -0,0 +1,29 @@
+
+Page({
+  data: {
+    rating: [{
+      id: 0,
+      title: '描述相符',
+      scores: 0,
+    }, {
+      id: 1,
+      title: '物流服务',
+      scores: 0,
+    }, {
+      id: 2,
+      title: '服务态度',
+      scores: 0,
+    }]
+  },
+  onLoad: function (options) {
+
+  },
+  setScores: function (e) {
+    var id = e.currentTarget.dataset.id;
+    var index = e.currentTarget.dataset.index;
+    this.data.rating[id].scores = index;
+    this.setData({
+      rating: this.data.rating
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/rating/rating.json b/pages/rating/rating.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/rating/rating.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/rating/rating.wxml b/pages/rating/rating.wxml
new file mode 100644
index 0000000..1cb6b4f
--- /dev/null
+++ b/pages/rating/rating.wxml
@@ -0,0 +1,21 @@
+<view class="bar solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>星级评分</text>
+  </view>
+</view>
+<view class='doc-main'>
+  <view class='rating-item' wx:for="{{rating}}" wx:for-item="rat">
+    <view class='rating-title'>{{rat.title}}</view>
+    <view class='rating-star'>
+      <text wx:for="{{5}}" class="iconfont {{index<rat.scores?'icon-favorfill warning-text':'icon-favor gray-text'}}" bindtap='setScores' data-id='{{rat.id}}' data-index='{{index+1}}'></text>
+    </view>
+    <view class='rating-text gray-text'>
+      <text wx:if="{{rat.scores==5}}">非常好</text>
+      <text wx:if="{{rat.scores==4}}">好</text>
+      <text wx:if="{{rat.scores==3}}">一般</text>
+      <text wx:if="{{rat.scores==2}}">差</text>
+      <text wx:if="{{rat.scores==1}}">非常差</text>
+    </view>
+  </view>
+</view>
diff --git a/pages/rating/rating.wxss b/pages/rating/rating.wxss
new file mode 100644
index 0000000..1413fd9
--- /dev/null
+++ b/pages/rating/rating.wxss
@@ -0,0 +1,14 @@
+page{
+  background: #f5f5f5;
+}
+.rating-item{
+  display: flex;
+  line-height: 60rpx;
+}
+.rating-title,.rating-star {
+  padding: 0 10rpx;
+}
+.rating-star text{
+    padding: 0 10rpx;
+    font-size: 32rpx;
+}
diff --git a/pages/side/side.js b/pages/side/side.js
new file mode 100644
index 0000000..68ed97b
--- /dev/null
+++ b/pages/side/side.js
@@ -0,0 +1,28 @@
+Page({
+  data: {
+    radio: [
+      { name: 'USA', value: '美国' },
+      { name: 'CHN', value: '中国', checked: 'true' },
+      { name: 'BRA', value: '巴西' },
+      { name: 'JPN', value: '日本' },
+      { name: 'ENG', value: '澳大利亚' },
+      { name: 'TUR', value: '哈萨克斯坦' },
+      { name: 'TUR', value: '法国' },
+      { name: 'BRA', value: '巴西' },
+      { name: 'JPN', value: '日本' },
+      { name: 'ENG', value: '英国' },
+      { name: 'TUR', value: '法国' }
+    ],
+  },
+  showModal: function (e) {
+    var showName = e.currentTarget.dataset.modal;
+    this.setData({
+      modalName: showName
+    })
+  },
+  closeModal: function (e) {
+    this.setData({
+      modalName: null
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/side/side.json b/pages/side/side.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/side/side.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/side/side.wxml b/pages/side/side.wxml
new file mode 100644
index 0000000..cdcecdc
--- /dev/null
+++ b/pages/side/side.wxml
@@ -0,0 +1,80 @@
+<view class="bar justify-between">
+  <view class='ml-sm' bindtap='showModal' data-modal='listSide'>
+    <view class='btn success sm radius'>
+      <text class='iconfont icon-list'> 侧边菜单</text>
+    </view>
+  </view>
+  <view class='mr-sm' bindtap='showModal' data-modal='menuSide'>筛选
+    <text class="iconfont icon-filter success-text"></text>
+  </view>
+</view>
+<view class='side side-right' wx:if="{{modalName=='menuSide'}}">
+  <view class='side-close' bindtap='closeModal'></view>
+  <view class="bar">
+    <view class='text-lg'>
+      <text class=' iconfont icon-title success-text ml-sm'></text> 城市
+    </view>
+  </view>
+  <view class='double-chose'>
+    <scroll-view scroll-y class="double-chose-first" style='height:240px;width: 400rpx;'>
+      <view class="cur">北京</view>
+      <view class="" wx:for="asdasdasdasdasdasdasdasdasd">北京</view>
+    </scroll-view>
+    <scroll-view scroll-y class="double-chose-last" style='height:240px;'>
+      <view class="cur">北京</view>
+      <view class="" wx:for="asdasdasdasdasdasdasdasdasd">北京</view>
+    </scroll-view>
+  </view>
+  <view class="bar mt-sm">
+    <view class='text-lg'>
+      <text class=' iconfont icon-title success-text ml-sm'></text> 国家
+    </view>
+  </view>
+  <scroll-view class='modal-bd' scroll-y="true" style='max-height:800rpx;'>
+    <view class='single-modal'>
+      <view class="single-modal-item {{item.checked?'cur':''}}" wx:for="{{radio}}">{{item.value}}</view>
+    </view>
+  </scroll-view>
+  <view class='flex justify-center bar'>
+    <button class='success btn hollow mr-sm'>重置</button>
+    <button class='warning btn' bindtap='closeModal'>确定</button>
+  </view>
+</view>
+
+<view class='side side-list' wx:if="{{modalName=='listSide'}}">
+  <view class="user">
+    <view class="user-top">
+      <view class="user-img">
+        <image src="http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg" class='radius'></image>
+      </view>
+      <view class="user-text">
+        <view class="user-name">
+          文晓港
+        </view>
+      </view>
+    </view>
+    <view class='user-bg' style='background-image:url(http://www.diwuyuan.com/bbs/uc_server/data/avatar/000/00/02/52_avatar_big.jpg)'>
+    </view>
+  </view>
+  <view class="list-box">
+    <view class="list-li list-arrow">
+      <view class="list-text">
+        <view class="iconfont icon-moneybagfill danger-text"> </view> 余额
+      </view>
+    </view>
+    <view class="list-li list-arrow">
+      <view class="list-text">
+        <view class="iconfont icon-skinfill success-text"> </view> 主题
+      </view>
+    </view>
+    <view class="list-li list-arrow">
+      <view class="list-text">
+        <view class="iconfont icon-locationfill warning-text"> </view> 地址
+      </view>
+    </view>
+  </view>
+  <view class='flex justify-center bar mt-xs'>
+    <button class='warning btn hollow' bindtap='closeModal'>退出账号</button>
+  </view>
+  <view class='side-close' bindtap='closeModal'></view>
+</view>
\ No newline at end of file
diff --git a/pages/side/side.wxss b/pages/side/side.wxss
new file mode 100644
index 0000000..00ce285
--- /dev/null
+++ b/pages/side/side.wxss
@@ -0,0 +1,38 @@
+page {
+  background: #f1f1f1;
+}
+
+.side {
+  background: #f1f1f1;
+  position: fixed;
+  top: 0;
+  width: 650rpx;
+  height: 100%;
+  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
+  left: 0;
+  overflow-y: auto;
+}
+
+.side-right {
+  left: auto;
+  right: 0;
+}
+
+.side-list {
+  width: 400rpx;
+}
+
+.side-close {
+  background: rgba(0, 0, 0, 0.1);
+  width: 350rpx;
+  height: 100%;
+  position: fixed;
+  z-index: 997;
+  right: 0rpx;
+  top: 0rpx;
+}
+.side-right .side-close{
+  width: 100rpx;
+  left: 0rpx;
+  right: auto;
+}
\ No newline at end of file
diff --git a/pages/slider/slider.js b/pages/slider/slider.js
new file mode 100644
index 0000000..795228a
--- /dev/null
+++ b/pages/slider/slider.js
@@ -0,0 +1,41 @@
+// pages/document/slider/slider.js
+Page({
+  data: {  
+    scrollInto: 0,
+    scrollList: [
+      { id: '1' },
+      { id: '2' },
+      { id: '3' },
+      { id: '1' },
+      { id: '2' },
+      { id: '3' },
+      { id: '4' },
+      { id: '1' },
+      { id: '2' }]
+  },
+  scrollLeft: function (e) {
+    var into = this.data.scrollInto;
+    var length = this.data.scrollList.length;
+    if (into > 0) {
+      this.setData({
+        scrollInto: into - 1,
+      })
+    } else {
+      this.setData({
+        scrollInto: length - 3,
+      })
+    }
+  },
+  scrollRight: function (e) {
+    var into = this.data.scrollInto;
+    if (into < this.data.scrollList.length - 3) {
+      this.setData({
+        scrollInto: into + 1,
+      })
+    } else {
+      this.setData({
+        scrollInto: 0,
+      })
+    }
+  },
+})
\ No newline at end of file
diff --git a/pages/slider/slider.json b/pages/slider/slider.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/slider/slider.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/slider/slider.wxml b/pages/slider/slider.wxml
new file mode 100644
index 0000000..9941fbf
--- /dev/null
+++ b/pages/slider/slider.wxml
@@ -0,0 +1,36 @@
+<view class="bar">
+  <view class='ml-sm iconfont icon-titles success-text'>全屏限高轮播</view>
+</view>
+<swiper class='swiper-screen' indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500" indicator-active-color="#ff6600">
+  <swiper-item wx:for="1234">
+    <image src="http://image.weilanwl.com/img/4x3-{{index+1}}.jpg" mode='aspectFill' />
+  </swiper-item>
+</swiper>
+
+<view class="bar mt-sm">
+  <view class='ml-sm iconfont icon-titles success-text'>带背景图轮播</view>
+</view>
+<swiper class='swiper-bg' indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500" indicator-active-color="#ff6600">
+  <swiper-item wx:for="124">
+    <view class='shadow-alice'>
+      <image src="http://image.weilanwl.com/img/4x3-{{index+2}}.jpg" mode='aspectFill' />
+    </view>
+  </swiper-item>
+</swiper>
+
+<view class="bar mt-sm">
+  <view class='ml-sm iconfont icon-titles success-text'>多图轮播(scroll-view)</view>
+</view>
+<view class='scroll-bar'>
+  <view class='scroll-left' bindtap='scrollLeft'>
+    <text class='iconfont icon-back'></text>
+  </view>
+  <scroll-view scroll-x class='scroll-list-box' scroll-into-view="in-{{scrollInto}}" scroll-with-animation>
+    <view class='scroll-list'>
+      <view class='scroll-item' id="in-{{index}}" style='background-image:url(http://image.weilanwl.com/img/4x3-{{item.id}}.jpg)' wx:for="{{scrollList}}"></view>
+    </view>
+  </scroll-view>
+  <view class='scroll-right' bindtap='scrollRight'>
+    <text class='iconfont icon-right'></text>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/slider/slider.wxss b/pages/slider/slider.wxss
new file mode 100644
index 0000000..4b6d633
--- /dev/null
+++ b/pages/slider/slider.wxss
@@ -0,0 +1,69 @@
+page {
+  background: #f1f1f1;
+}
+
+.swiper-screen {
+  height: 460rpx;
+}
+
+.swiper-screen image {
+  width: 100%;
+  display: block;
+  height: 460rpx;
+  margin: 0;
+}
+
+.swiper-bg {
+  background-image: url(http://image.weilanwl.com/img/swiper-bg.png);
+  background-size: cover;
+  height: 500rpx;
+}
+
+.swiper-bg swiper-item {
+  height: 400rpx;
+}
+
+.swiper-bg swiper-item view {
+  margin: 40rpx;
+}
+
+.swiper-bg image {
+  width: 100%;
+  display: block;
+  height: 400rpx;
+  margin: 0;
+  border-radius: 10rpx;
+}
+
+.scroll-bar {
+  background: #fff;
+  display: flex;
+}
+
+.scroll-left, .scroll-right {
+  width: 75rpx;
+  text-align: center;
+  line-height: 150rpx;
+  font-size: 36rpx;
+  color: #666;
+}
+
+.scroll-list-box {
+  height: 150rpx;
+  width: 600rpx;
+}
+
+.scroll-list {
+  height: 150rpx;
+  white-space: nowrap;
+}
+
+.scroll-item {
+  display: inline-block;
+  width: 200rpx;
+  height: 150rpx;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 170rpx;
+  background-color: #fff;
+}
diff --git a/pages/sub/sub.js b/pages/sub/sub.js
new file mode 100644
index 0000000..79de05f
--- /dev/null
+++ b/pages/sub/sub.js
@@ -0,0 +1,66 @@
+// pages/document/sub/sub.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+  
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+  
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+  
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+  
+  }
+})
\ No newline at end of file
diff --git a/pages/sub/sub.json b/pages/sub/sub.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/sub/sub.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/sub/sub.wxml b/pages/sub/sub.wxml
new file mode 100644
index 0000000..c424b13
--- /dev/null
+++ b/pages/sub/sub.wxml
@@ -0,0 +1,2 @@
+<!--pages/document/sub/sub.wxml-->
+<text>pages/document/sub/sub.wxml</text>
diff --git a/pages/sub/sub.wxss b/pages/sub/sub.wxss
new file mode 100644
index 0000000..2ebd6b4
--- /dev/null
+++ b/pages/sub/sub.wxss
@@ -0,0 +1 @@
+/* pages/document/sub/sub.wxss */
\ No newline at end of file
diff --git a/pages/text/text.js b/pages/text/text.js
new file mode 100644
index 0000000..05e3601
--- /dev/null
+++ b/pages/text/text.js
@@ -0,0 +1,5 @@
+Page({
+  data: {
+    size: [{ name: 'xs', num: '20' }, { name: 'sm', num: '24' }, { name: 'df', num: '28' }, { name: 'lg', num: '32' }, { name: 'xl', num: '36' }, { name: 'xxl', num: '40' }]
+  },
+})
\ No newline at end of file
diff --git a/pages/text/text.json b/pages/text/text.json
new file mode 100644
index 0000000..a35a1bd
--- /dev/null
+++ b/pages/text/text.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "文本/Text"
+}
\ No newline at end of file
diff --git a/pages/text/text.wxml b/pages/text/text.wxml
new file mode 100644
index 0000000..cf672b2
--- /dev/null
+++ b/pages/text/text.wxml
@@ -0,0 +1,65 @@
+<view class="bar solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>字号</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="flex doc-box p-df flex-direction">
+    <view class="text-{{item.name}}" wx:for="{{size}}" wx:key="{{index}}">死亡如风，常伴吾身。</view>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>文字截断</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="flex doc-box p-df flex-direction">
+    <view class="text-truncate" style="width:500rpx">双眼失明并不影响我追杀敌人,因为我能闻到他身上的臭味!</view>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>文字对齐</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="flex doc-box p-df flex-direction text-left">
+    <view>我是风中的余烬。</view>
+    <view>破釜沉舟，困兽犹斗。</view>
+    <view>愤怒在积攒！</view>
+    <view>混沌，不在乎你的眼泪。</view>
+  </view>
+  <view class="flex doc-box mv-sm p-df flex-direction text-center">
+    <view>宇宙，在颤抖的等待。</view>
+    <view>战斗，是我的宿命。</view>
+    <view>迫不得已之时应无怨无悔</view>
+  </view>
+  <view class="flex doc-box p-df flex-direction text-right">
+    <view>于是，我就成了黑暗。</view>
+    <view>和谐是谎言，从者为奴隶。</view>
+    <view>光明不懂救赎，她只懂征服。</view>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>文字颜色</text>
+  </view>
+</view>
+<view class="doc-main">
+  <view class="flex doc-box p-df flex-direction">
+    <view class="grays-text">夜晚越黑暗 星星就越明亮!</view>
+    <view class="gray-text">规则就是用来打破的!</view>
+    <view class="danger-text">断剑重铸之日，骑士归来之时!</view>
+    <view class="success-text">哼，一个能打的都没有!</view>
+    <view class="warning-text">永远不要忘记，吾等为何而战!</view>
+    <view class="primary-text">我去前面探探路!</view>
+    <view class="secondary-text">一轮新月正在冉冉升起!</view>
+    <view class="purple-text">来！炸个痛快!</view>
+    <view>取经才是重中之重!</view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/text/text.wxss b/pages/text/text.wxss
new file mode 100644
index 0000000..4a3aad1
--- /dev/null
+++ b/pages/text/text.wxss
@@ -0,0 +1,3 @@
+page{
+  background: #f5f5f5;
+}
\ No newline at end of file
diff --git a/pages/timeline/timeline.js b/pages/timeline/timeline.js
new file mode 100644
index 0000000..79c583b
--- /dev/null
+++ b/pages/timeline/timeline.js
@@ -0,0 +1,5 @@
+// pages/document/timeline/timeline.js
+Page({
+  data: {  
+  },
+})
\ No newline at end of file
diff --git a/pages/timeline/timeline.json b/pages/timeline/timeline.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/timeline/timeline.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/timeline/timeline.wxml b/pages/timeline/timeline.wxml
new file mode 100644
index 0000000..dbd5ec3
--- /dev/null
+++ b/pages/timeline/timeline.wxml
@@ -0,0 +1,77 @@
+<view class="bar solid-bottom">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>物流时间轴</text>
+  </view>
+</view>
+<view class='timeline'>
+  <view class='timeline-time'>昨天</view>
+  <view class="timeline-box">
+    <view class='timeline-item cur'>
+      <view class='timeline-main'>
+        <text class='mr-sm'>22:22</text> 【广州市】快件已到达地球
+      </view>
+    </view>
+    <view class='timeline-item'>
+      <view class='timeline-main'>
+        <text class='mr-sm'>20:00</text> 【月球】快件已到达月球，准备发往地球
+      </view>
+      <view class='timeline-main mt-xs'>
+        <text class='mr-sm'>10:00</text> 【银河系】快件已到达银河系，准备发往月球
+      </view>
+    </view>
+  </view>
+  <view class='timeline-time'>06-17</view>
+  <view class="timeline-box">
+    <view class='timeline-item'>
+      <view class='timeline-main'>
+        <text class='mr-sm'>01:30</text> 【喵星】 MX-12138 已揽收，准备发往银河系
+      </view>
+    </view>
+  </view>
+</view>
+<view class="bar solid-bottom mt-sm">
+  <view class='ml-sm'>
+    <text class='iconfont icon-titles success-text'></text>
+    <text class='text-lg ml-xs'>日记时间轴</text>
+  </view>
+</view>
+<view class='timeline'>
+  <view class="timeline-box">
+    <view class='timeline-item timeline-sm'>
+      <view class='timeline-main'>
+        <view class='badge secondary radius capsule-badge'>
+          <text>上午</text>
+          <text>10:00</text>
+        </view>
+        <view class='mt-sm text-sm'>这是第一次，我家的铲屎官走了这么久。久到足足有三天！！ 在听到他的脚步声响在楼梯间的那一刻，我简直想要破门而出，对着他狠狠地吼上10分钟，然后再看心情要不要他进门。</view>
+        <view class="lattice-image">
+          <view>
+            <image src='http://image.weilanwl.com/img/4x3-2.jpg' mode='aspectFill'></image>
+          </view>
+          <view style="background-image:url('http://image.weilanwl.com/img/4x3-3.jpg')"></view>
+          <view style="background-image:url('http://image.weilanwl.com/img/4x3-4.jpg')"></view>
+          <view>
+            <image src='http://image.weilanwl.com/img/4x3-1.jpg' mode='aspectFill'></image>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class='timeline-item timeline-sm'>
+      <view class='timeline-main'>
+        <view class='badge secondary radius capsule-badge'>
+          <text>晚上</text>
+          <text>3:00</text>
+        </view>
+        <view class='mt-sm text-sm'>晚上的星星可真多呀.我轻轻地躺在他身边,用手紧紧地勾着他的衣服,在他脸上舔了舔.又没拍爽肤水....不过,我就是喜欢.</view>
+        <view class="lattice-image">
+          <view>
+            <image src='http://image.weilanwl.com/img/4x3-2.jpg' mode='aspectFill'></image>
+          </view>
+          <view style="background-image:url('http://image.weilanwl.com/img/4x3-3.jpg')"></view>
+          <view style="background-image:url('http://image.weilanwl.com/img/4x3-4.jpg')"></view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/timeline/timeline.wxss b/pages/timeline/timeline.wxss
new file mode 100644
index 0000000..9286b06
--- /dev/null
+++ b/pages/timeline/timeline.wxss
@@ -0,0 +1,71 @@
+page {
+  background: #f5f5f5;
+}
+
+.timeline {
+  background: #fff;
+}
+
+.timeline-item {
+  padding: 20rpx 20rpx 20rpx 140rpx;
+  position: relative;
+}
+
+.timeline-item::after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 1rpx;
+  background: #ddd;
+  left: 70rpx;
+  height: 100%;
+  top: 0;
+  z-index: 8;
+}
+
+.timeline-item::before {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 15rpx;
+  background: #ddd;
+  left: 57rpx;
+  height: 15rpx;
+  border: 8rpx solid #fff;
+  border-radius: 50%;
+  top: 45rpx;
+  z-index: 9;
+}
+
+.timeline-item.cur::before, .timeline-item.cur::after,
+.timeline-item.cur .timeline-main {
+  background: #39b54a;
+  color: #fff;
+}
+
+.timeline-time {
+  width: 140rpx;
+  text-align: center;
+  padding: 20rpx;
+  font-size: 26rpx;
+  color: #888;
+}
+
+.timeline-main {
+  color: #666;
+  background: #f1f1f1;
+  padding: 20rpx;
+  border-radius: 6rpx;
+}
+
+.timeline-item.timeline-sm {
+  padding: 20rpx 20rpx 20rpx 100rpx;
+}
+
+.timeline-item.timeline-sm::after {
+  left: 50rpx;
+}
+
+.timeline-item.timeline-sm::before {
+  left: 37rpx;
+}
diff --git a/project.config.json b/project.config.json
new file mode 100644
index 0000000..a52e7b5
--- /dev/null
+++ b/project.config.json
@@ -0,0 +1,163 @@
+{
+	"description": "项目配置文件。",
+	"setting": {
+		"urlCheck": true,
+		"es6": true,
+		"postcss": true,
+		"minified": true,
+		"newFeature": true
+	},
+	"compileType": "miniprogram",
+	"libVersion": "2.1.0",
+	"appid": "",
+	"projectname": "%E7%BB%84%E4%BB%B6%E5%BA%93",
+	"condition": {
+		"search": {
+			"current": -1,
+			"list": []
+		},
+		"conversation": {
+			"current": -1,
+			"list": []
+		},
+		"plugin": {
+			"current": -1,
+			"list": []
+		},
+		"game": {
+			"current": -1,
+			"list": []
+		},
+		"miniprogram": {
+			"current": -1,
+			"list": [
+				{
+					"id": 0,
+					"name": "布局",
+					"pathName": "pages/layout/layout",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "按钮",
+					"pathName": "pages/button/button",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "边框",
+					"pathName": "pages/border/border",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "徽章",
+					"pathName": "pages/badge/badge",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "操作条",
+					"pathName": "pages/bar/bar",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "文本",
+					"pathName": "pages/text/text",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "图标",
+					"pathName": "pages/icon/icon",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "加载",
+					"pathName": "pages/loading/loading",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "图片",
+					"pathName": "pages/image/image",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "表单",
+					"pathName": "pages/form/form",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "导航条",
+					"pathName": "pages/nav/nav",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "列表项",
+					"pathName": "pages/item/item",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "列表",
+					"pathName": "pages/list/list",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "侧边栏",
+					"pathName": "pages/side/side",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "评论",
+					"pathName": "pages/comment/comment",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "时间线",
+					"pathName": "pages/timeline/timeline",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "轮播",
+					"pathName": "pages/slider/slider",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "评分",
+					"pathName": "pages/rating/rating",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "弹出框",
+					"pathName": "pages/modal/modal",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "进度条",
+					"pathName": "pages/progress/progress",
+					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "聊天",
+					"pathName": "pages/chat/chat",
+					"query": ""
+				}
+			]
+		}
+	}
+}
\ No newline at end of file
diff --git a/utils/util.js b/utils/util.js
new file mode 100644
index 0000000..dbadbb8
--- /dev/null
+++ b/utils/util.js
@@ -0,0 +1,19 @@
+const formatTime = date => {
+  const year = date.getFullYear()
+  const month = date.getMonth() + 1
+  const day = date.getDate()
+  const hour = date.getHours()
+  const minute = date.getMinutes()
+  const second = date.getSeconds()
+
+  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
+}
+
+const formatNumber = n => {
+  n = n.toString()
+  return n[1] ? n : '0' + n
+}
+
+module.exports = {
+  formatTime: formatTime
+}