diff --git a/CHANGELOG.md b/CHANGELOG.md
index b998090..1b649fa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,10 +3,12 @@
 ### 🌟 新功能
 范围|描述|commitId
 --|--|--
+ - | 标题栏变化 | [c0fcd9d](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/c0fcd9d)
  - | 标题栏角色栏全局任务组件新建 | [0500cb4](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/0500cb4)
  - | 角色栏实现 | [94cd671](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/94cd671)
  - | 时间轴界面 | [33927e9](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/33927e9)
  - | 提交到本地 | [9cbe411](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/9cbe411)
+ - | 添加时间轴上下滚动 | [2b81bbc](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/2b81bbc)
  - | db store | [6414c4f](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/6414c4f)
  - | indexedDB | [687394e](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/687394e)
  富文本插件 | 富文本插件demo测试 | [ed3d644](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/ed3d644)
@@ -23,12 +25,6 @@
  - | 图标修改 | [54bca09](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/54bca09)
  - | 无基本变化 | [21ac4bb](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/21ac4bb)
  - | 组件新建 | [89c0035](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/89c0035)
- - | 更新代码 | [8c27e68](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/8c27e68)
- - | 更新代码 | [1f40a76](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/1f40a76)
- - | 任务快捷方式图标增加 | [4aba872](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/4aba872)
- - | 图标修改 | [54bca09](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/54bca09)
- - | 无基本变化 | [21ac4bb](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/21ac4bb)
- - | 组件新建 | [89c0035](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/89c0035)
 
 
 ### 🐛 Bug 修复
@@ -73,3 +69,4 @@
 --|--|--
  - | !2 基础模板v1.1.0 | [f5e61dd](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/f5e61dd)
  - | init | [c0f1deb](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/c0f1deb)
+
diff --git a/src/App.vue b/src/App.vue
index 032722f..9013b26 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,10 +19,6 @@ export default {
 };
 </script>
 
-<style>
-@import './common/styles/iconfont.scss';
-</style>
-
 <style lang="scss">
 @import './common/styles/iconfont.scss';
 @import 'uview-ui/index.scss';
diff --git a/src/components/Globals/index.vue b/src/components/Globals/Globals.vue
similarity index 100%
rename from src/components/Globals/index.vue
rename to src/components/Globals/Globals.vue
diff --git a/src/components/Project/Project.vue b/src/components/Project/Project.vue
index 39cdf25..6d9bdf1 100644
--- a/src/components/Project/Project.vue
+++ b/src/components/Project/Project.vue
@@ -8,8 +8,8 @@
 </template>
 
 <script>
-import TimeBar from './components/TimeBar';
-import TimeLine from './components/TimeLine';
+import TimeBar from './component/TimeBar';
+import TimeLine from './component/TimeLine';
 
 export default {
   name: 'Project',
diff --git a/src/components/Project/components/TimeBar.vue b/src/components/Project/component/TimeBar.vue
similarity index 100%
rename from src/components/Project/components/TimeBar.vue
rename to src/components/Project/component/TimeBar.vue
diff --git a/src/components/Project/components/TimeLine.vue b/src/components/Project/component/TimeLine.vue
similarity index 100%
rename from src/components/Project/components/TimeLine.vue
rename to src/components/Project/component/TimeLine.vue
diff --git a/src/components/Roles/Roles.vue b/src/components/Roles/Roles.vue
index 5c68779..607b853 100644
--- a/src/components/Roles/Roles.vue
+++ b/src/components/Roles/Roles.vue
@@ -6,15 +6,13 @@
  * @LastEditTime: 2021-07-20 10:54:27
 -->
 <template>
-  <view class="wrap bg-white">
-    <view class="px-2">
-      <role-list />
-    </view>
+  <view class="wrap bg-white px-2">
+    <role-list />
   </view>
 </template>
 
 <script>
-import RoleList from './components/RoleList.vue';
+import RoleList from './component/RoleList';
 
 export default {
   name: 'Roles',
diff --git a/src/components/Roles/components/RoleList.vue b/src/components/Roles/component/RoleList.vue
similarity index 77%
rename from src/components/Roles/components/RoleList.vue
rename to src/components/Roles/component/RoleList.vue
index 877a3bb..261893c 100644
--- a/src/components/Roles/components/RoleList.vue
+++ b/src/components/Roles/component/RoleList.vue
@@ -4,7 +4,7 @@
       <scroll-view :enable-flex="true" :scroll-left="scrollLeft" :throttle="false" scroll-with-animation scroll-x>
         <view class="tabBox">
           <view :key="index" @click="changeIndex(index)" class="tab-item" v-for="(item, index) in roles">
-            <view :class="setColor(item.isMine, tabIndex, index)" class="tab-children u-skeleton-rect">{{ item.value }}</view>
+            <view :class="setColor(item.mine, tabIndex, index)" class="tab-children u-skeleton-rect">{{ item.name }}</view>
           </view>
         </view>
         <u-skeleton :animation="true" :loading="loading" bgcolor="#fff"></u-skeleton>
@@ -22,16 +22,16 @@ export default {
       tabList: [], //tab dom节点集合
       scrollLeft: 0, //scrollview需要滚动的距离
       roles: [
-        { id: 1, value: '项目经理', isMine: 0 },
-        { id: 2, value: '运维', isMine: 0 },
-        { id: 3, value: '导师一', isMine: 1 },
-        { id: 4, value: '导师二', isMine: 1 },
-        { id: 5, value: '导师三', isMine: 1 },
-        { id: 6, value: '导师四', isMine: 1 },
-        { id: 7, value: '导师五', isMine: 1 },
-        { id: 8, value: '导师六', isMine: 1 },
-        { id: 9, value: '导师七', isMine: 1 },
-        { id: 10, value: '导师八', isMine: 1 },
+        { id: 1, name: '项目经理', mine: 0, pm: 1, sequence: 1 },
+        { id: 2, name: '运维', mine: 0, pm: 0, sequence: 2 },
+        { id: 3, name: '导师一', mine: 1, pm: 0, sequence: 3 },
+        { id: 4, name: '导师二', mine: 1, pm: 0, sequence: 4 },
+        { id: 5, name: '导师三', mine: 1, pm: 0, sequence: 5 },
+        { id: 6, name: '导师四', mine: 1, pm: 0, sequence: 6 },
+        { id: 7, name: '导师五', mine: 1, pm: 0, sequence: 7 },
+        { id: 8, name: '导师六', mine: 1, pm: 0, sequence: 8 },
+        { id: 9, name: '导师七', mine: 1, pm: 0, sequence: 9 },
+        { id: 10, name: '导师八', mine: 1, pm: 0, sequence: 10 },
       ],
       loading: true, // 是否显示骨架屏组件
     };
@@ -68,14 +68,14 @@ export default {
     },
 
     // 设置文字颜色
-    setColor(isMine, tabIndex, index) {
-      if (isMine === 1 && tabIndex === index) {
+    setColor(mine, tabIndex, index) {
+      if (mine === 1 && tabIndex === index) {
         return 'default-tab-choice';
       }
-      if (isMine === 1 && tabIndex !== index) {
+      if (mine === 1 && tabIndex !== index) {
         return 'default-tab-item';
       }
-      if (isMine === 0 && tabIndex === index) {
+      if (mine === 0 && tabIndex === index) {
         return 'tab-choice';
       }
     },
@@ -84,9 +84,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-$tabChoiceColor: #f40; //设置选中文字和底部下划线背景颜色
-$max: 100%;
-
 // 这是最外层盒子
 .wrap {
   position: relative;
@@ -120,13 +117,13 @@ $max: 100%;
     }
 
     .default-tab-item {
-      color: $tabChoiceColor;
+      color: $roleChoiceColor;
     }
 
     .default-tab-choice {
       //当前选中 基于此类名给与底部选中框
       position: relative;
-      color: $tabChoiceColor;
+      color: $roleChoiceColor;
       font-weight: 600;
     }
     .default-tab-choice:before {
@@ -137,7 +134,7 @@ $max: 100%;
       width: 100%;
       height: 6rpx;
       border-radius: 2rpx;
-      background: $tabChoiceColor;
+      background: $roleChoiceColor;
     }
 
     .tab-choice {
diff --git a/src/components/TimeLine/index.vue b/src/components/TimeLine/TimeLine.vue
similarity index 67%
rename from src/components/TimeLine/index.vue
rename to src/components/TimeLine/TimeLine.vue
index 310cf30..f5fa700 100644
--- a/src/components/TimeLine/index.vue
+++ b/src/components/TimeLine/TimeLine.vue
@@ -8,32 +8,30 @@
 <template>
   <!-- <Barrier /> -->
   <scroll-view
+    :lower-threshold="300"
     :scrollTop="scrollTop"
     :scrollY="true"
-    :style="{ height: height }"
+    :upper-threshold="300"
     @scroll="scroll"
     @scrolltolower="handleScrollBottom"
     @scrolltoupper="handleScrollTop"
   >
-    <!-- :style="{ height: height }" -->
-    <TimeBox />
+    <TimeBox ref="child" />
   </scroll-view>
 </template>
 
 <script>
-// import Barrier from './components/Barrier.vue';
-import TimeBox from './components/TimeBox.vue';
+// import Barrier from './component/Barrier.vue';
+import TimeBox from './component/TimeBox.vue';
 export default {
   name: 'TimeLine',
   components: { TimeBox },
   data() {
-    return { height: '', scrollTop: 0 };
-  },
-  mounted() {
-    this.height = document.getElementsByClassName('main')[0].clientHeight + 'px';
-    console.log(this.height);
+    return { scrollTop: 0 };
   },
+
   methods: {
+    // 滚动
     scroll(e) {
       console.log(e.detail.scrollTop);
     },
@@ -41,11 +39,13 @@ export default {
     // 滚动到顶部
     handleScrollTop() {
       console.log('滚动到顶部');
+      this.$refs.child.addTopList();
     },
 
     // 滚动到底部
     handleScrollBottom() {
       console.log('滚动到底部');
+      this.$refs.child.addBottomList();
     },
   },
 };
diff --git a/src/components/TimeLine/components/Barrier.vue b/src/components/TimeLine/component/Barrier.vue
similarity index 100%
rename from src/components/TimeLine/components/Barrier.vue
rename to src/components/TimeLine/component/Barrier.vue
diff --git a/src/components/TimeLine/components/TimeBox.vue b/src/components/TimeLine/component/TimeBox.vue
similarity index 73%
rename from src/components/TimeLine/components/TimeBox.vue
rename to src/components/TimeLine/component/TimeBox.vue
index 8e12731..0bd92fb 100644
--- a/src/components/TimeLine/components/TimeBox.vue
+++ b/src/components/TimeLine/component/TimeBox.vue
@@ -22,8 +22,8 @@
         </view>
       </view>
       <view class="border-l-2 border-gray-300 ml-3.5 my-2">
-        <view class="ml-4 shadow-lg">
-          <u-card :show-foot="false" :show-head="false" border-radius="25" class="h-16" margin="0">
+        <view class="ml-4 shadow-lg task-box overflow-hidden">
+          <u-card :show-foot="false" :show-head="false" class="h-16" margin="0">
             <view slot="body">
               <view class="u-col-between p-0 u-skeleton">
                 <view class="u-skeleton-rect">瓶身描绘的牡丹一如你初妆</view>
@@ -40,9 +40,29 @@
 import TimeStatus from './TimeStatus.vue';
 export default {
   name: 'TimeBox',
+
   components: { TimeStatus },
+
   data() {
-    return { list: [0, 1, 2, 3, 0, 1, 2, 3, 0, 1, 2, 3] };
+    return { list: [0, 1, 2, 0, 1, 2] };
+  },
+
+  methods: {
+    addTopList() {
+      this.list.unshift(0, 0, 0);
+      console.log('this.list: ', this.list);
+    },
+
+    addBottomList() {
+      this.list.push(1, 1, 1);
+      console.log('this.list: ', this.list);
+    },
   },
 };
 </script>
+
+<style scoped lang="scss">
+.task-box {
+  border-radius: 24rpx;
+}
+</style>
diff --git a/src/components/TimeLine/components/TimeStatus.vue b/src/components/TimeLine/component/TimeStatus.vue
similarity index 98%
rename from src/components/TimeLine/components/TimeStatus.vue
rename to src/components/TimeLine/component/TimeStatus.vue
index f8b98a9..a7b42ad 100644
--- a/src/components/TimeLine/components/TimeStatus.vue
+++ b/src/components/TimeLine/component/TimeStatus.vue
@@ -106,6 +106,6 @@ export default {
 
 <style scoped lang="scss">
 .u-progress-bg {
-  background: rgba(255, 255, 255, 0) !important;
+  background: $uni-bg-color-transparent !important;
 }
 </style>
diff --git a/src/components/TimeLine/components/Title.vue b/src/components/TimeLine/component/Title.vue
similarity index 100%
rename from src/components/TimeLine/components/Title.vue
rename to src/components/TimeLine/component/Title.vue
diff --git a/src/pages.json b/src/pages.json
index ee7915d..c6ca2cf 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -40,6 +40,9 @@
     "backgroundColor": "#F8F8F8"
   },
   "easycom": {
-    "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+    "autoscan": true,
+    "custom": {
+      "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+    }
   }
 }
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 7993e45..9e7b5f2 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -28,15 +28,15 @@
 </template>
 
 <script>
-import Globals from 'components/Globals/index.vue';
-import Title from 'components/Title/Title.vue';
-import Roles from 'components/Roles/Roles.vue';
-import TimeLine from 'components/TimeLine/index.vue';
+// import Globals from 'components/Globals/index.vue';
+// import Title from 'components/Title/Title.vue';
+// import Roles from 'components/Roles/Roles.vue';
+// import TimeLine from 'components/TimeLine/index.vue';
 
 // import Project from 'components/Project/Project.vue';
 
 export default {
-  components: { Globals, TimeLine, Roles, Title },
+  // components: { Globals, TimeLine, Roles, Title },
   data() {
     return { title: 'Hello', height: '', scrollHeight: null };
   },
diff --git a/src/uni.scss b/src/uni.scss
index 1d8e557..0a86a65 100644
--- a/src/uni.scss
+++ b/src/uni.scss
@@ -27,12 +27,14 @@ $uni-text-color-inverse: #fff; //反色
 $uni-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
 $uni-text-color-placeholder: #808080;
 $uni-text-color-disable: #c0c0c0;
+$roleChoiceColor: #f59e0b;
 
 /* 背景颜色 */
 $uni-bg-color: #ffffff;
 $uni-bg-color-grey: #f8f8f8;
 $uni-bg-color-hover: #f1f1f1; //点击状态颜色
 $uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色
+$uni-bg-color-transparent: rgba(255, 255, 255, 0); //透明色
 
 /* 边框颜色 */
 $uni-border-color: #c8c7cc;