更新组件演示页面，方便用户直接使用组件，去除tn-button的默认背景色，tn-avatar修改参数默认值，修复tn-avatar-group最开始头像进行了偏移、修复无法使用标签的bug，tn-badge修改参数默认值，tn-collapse-item修复背景颜色失效问题，滚动通知移除默认背景颜色和字体大小，tn-count-down修复时间单位不正确问题，列表组件修复背景颜色问题，tn-nav-bar返回按钮修改为可进行修改的图标，tn-step添加点击步骤进行跳转，tn-loading修复默认激活颜色出错问题，tn-tag移除默认背景颜色，优化阴影大小css

mock/components_page.js

@@ -76,6 +76,11 @@ export default {
           icon: 'star',
           title: 'swipeAction滑动菜单',
           url: '/componentsPage/swipe-action/swipe-action'
+        },
+        {
+          icon: 'star',
+          title: 'fab悬浮按钮',
+          url: '/componentsPage/fab/fab'
         }
       ]
     },

mock/template_page.js

@@ -8,14 +8,28 @@ export default {
       backgroundColor: 'tn-cool-bg-color-1',
       list: [
         {
-          icon: 'order',
+          icon: 'send',
           title: '火箭登录',
+          author: '可我会像',
           url: '/templatePage/login/demo1/demo1'
         },
         {
-          icon: 'order',
+          icon: 'send',
           title: '粒子登录',
+          author: '可我会像',
           url: '/templatePage/login/demo2/demo2'
+        },
+        {
+          icon: 'send',
+          title: '背景登录',
+          author: '可我会像',
+          url: '/templatePage/login/demo3/demo3'
+        },
+        {
+          icon: 'send',
+          title: '简约登录',
+          author: '可我会像',
+          url: '/templatePage/login/demo4/demo4'
         }
       ]
     },
@@ -24,56 +38,65 @@ export default {
       backgroundColor: 'tn-cool-bg-color-1',
       list: [
         {
-          icon: 'order',
+          icon: 'send',
           title: '音乐首页',
+          author: '可我会像',
           url: '/templatePage/home/music/music'
         },
         {
-          icon: 'order',
+          icon: 'send',
           title: '课程首页',
+          author: '可我会像',
           url: '/templatePage/home/course/course'
         },
         {
-          icon: 'order',
+          icon: 'send',
           title: '设计首页',
+          author: '可我会像',
           url: '/templatePage/home/design/design'
         },
         {
-          icon: 'order',
+          icon: 'send',
           title: '招聘首页',
+          author: '可我会像',
           url: '/templatePage/home/job/job'
         },
         {
-          icon: 'order',
+          icon: 'send',
           title: '投屏首页',
+          author: '可我会像',
           url: '/templatePage/home/screen/screen'
         },
         {
-          icon: 'order',
+          icon: 'send',
           title: '壁纸首页',
+          author: '可我会像',
           url: '/templatePage/home/wallpaper/wallpaper'
         },
       ]
     },
     {
-      title: '其他页面',
+      title: '骚气页面',
       backgroundColor: 'tn-cool-bg-color-1',
       list: [
         {
-          icon: 'order',
+          icon: 'send',
           title: '健康码',
+          author: '可我会像',
           url: '/templatePage/health/qrcode/qrcode'
         },
         
         {
-          icon: 'order',
+          icon: 'send',
           title: '全屏轮播',
+          author: '可我会像',
           url: '/templatePage/life/fullpage/fullpage'
         },
         {
-          icon: 'order',
-          title: '浏览器',
-          url: '/templatePage/life/browser/browser'
+          icon: 'like-break',
+          title: '时钟',
+          author: '可我会像',
+          url: '/templatePage/time/clock/clock'
         }
       ]
     },
@@ -82,26 +105,60 @@ export default {
        backgroundColor: 'tn-cool-bg-color-1',
        list: [
          {
-           icon: 'order',
+           icon: 'send',
            title: '加载动画',
+           author: '可我会像',
            url: '/templatePage/animate/loading/loading'
          },
          {
-           icon: 'order',
+           icon: 'send',
            title: '随机粒子',
+           author: 'Jaylen',
            url: '/templatePage/animate/particle/particle'
          },
          {
-           icon: 'order',
+           icon: 'send',
            title: '相册图集',
+           author: '你的小可爱',
            url: '/templatePage/animate/photo/photo'
          },
          {
-           icon: 'order',
+           icon: 'send',
            title: '镂空效果',
+           author: '你的小可爱',
            url: '/templatePage/animate/hollow/hollow'
          }
        ]
-     }
+     },
+     {
+        title: '群友力献',
+        backgroundColor: 'tn-cool-bg-color-1',
+        list: [
+          {
+            icon: 'send',
+            title: '3D全景',
+            author: '可我会像 & 芊云全景',
+            url: '/templatePage/life/pano/pano'
+          },
+          {
+            icon: 'like-break',
+            title: '隔壁的小生',
+            author: '隔壁的小生',
+            url: '/templatePage/life/candle/candle'
+          },
+          {
+            icon: 'like-break',
+            title: '阿凡提·污克西西',
+            author: '阿凡提·污克西西',
+            url: '/templatePage/life/candle/candle'
+          },
+          {
+            icon: 'like-break',
+            title: '期待你的加入',
+            author: '期待你的加入',
+            url: '/templatePage/life/candle/candle'
+          }
+        ]
+      }
   ]
 }