style: 样式调整

pages.json

@@ -7,7 +7,7 @@
     {
       "path": "pages/index/index",
       "style": {
-        "navigationBarTitleText": "首页"
+        "navigationBarTitleText": "今日计划"
       }
     },
     {
@@ -206,23 +206,23 @@
     "borderStyle": "white",
     "list": [
       {
-        "pagePath": "pages/index/index",
-        "iconPath": "static/tab/home.png",
-        "selectedIconPath": "static/tab/home_cur.png",
-        "text": "首页"
-      },
-      {
-        "pagePath": "pages/index/list",
+        "pagePath": "pages/index/planList",
         "iconPath": "static/tab/list.png",
         "selectedIconPath": "static/tab/list_cur.png",
         "text": "计划"
       },
       {
-        "pagePath": "pages/my/index",
-        "iconPath": "static/tab/my.png",
-        "selectedIconPath": "static/tab/my_cur.png",
-        "text": "我的"
+        "pagePath": "pages/index/index",
+        "iconPath": "static/tab/home.png",
+        "selectedIconPath": "static/tab/home_cur.png",
+        "text": "首页"
       },
+      // {
+      //   "pagePath": "pages/my/index",
+      //   "iconPath": "static/tab/my.png",
+      //   "selectedIconPath": "static/tab/my_cur.png",
+      //   "text": "我的"
+      // },
       {
         "pagePath": "pages/user/index",
         "iconPath": "static/tab/my.png",

pages/index/planList.vue

@@ -8,19 +8,15 @@
       :border-bottom="false"
     >
       <view slot="right">
-        <!-- <u-icon
-          name="calendar"
-          color="#333"
-          size="40"
-          style="margin-right: 32rpx"
-        ></u-icon> -->
         <image
           src="/static/images/icon-date.png"
           mode="scaleToFill"
           style="width: 40rpx; height: 40rpx; margin-right: 32rpx"
-          @click="toggleMenu"
+          @click="toggleDate"
         />
       </view>
+
+      <u-calendar v-model="showCalendar" mode="range" :max-date="maxDate" @change="changeDate"></u-calendar>
     </u-navbar>
 
     <view
@@ -51,7 +47,11 @@
     <view class="planList" :class="{ activeList: activeTab === 'incomplete' }">
       <view class="plan-item">
         <view class="plan-header">
-          <u-icon name="calendar" color="black" size="40"></u-icon>
+          <image
+            src="/static/images/icon-date.png"
+            mode="scaleToFill"
+            style="width: 40rpx; height: 40rpx"
+          />
           <view class="date">05-21</view>
           <view>1天前</view>
         </view>
@@ -67,7 +67,11 @@
       </view>
       <view class="plan-item">
         <view class="plan-header">
-          <u-icon name="calendar" color="black" size="40"></u-icon>
+          <image
+            src="/static/images/icon-date.png"
+            mode="scaleToFill"
+            style="width: 40rpx; height: 40rpx"
+          />
           <view class="date">05-21</view>
           <view>1天前</view>
         </view>
@@ -90,13 +94,27 @@ export default {
   data() {
     return {
       activeTab: "completed",
+
+      maxDate: "2049-12-31",
+
+      showCalendar: false,
+      dateRange: "",
     };
   },
   created() {},
   methods: {
+    toggleDate() {
+      this.showCalendar = !this.showCalendar;
+    },
     switchTab(tab) {
       this.activeTab = tab;
     },
+
+    changeDate(e) {
+      console.log('333',e);
+      
+      this.dateRange = e;
+    },
   },
 };
 </script>
@@ -122,7 +140,7 @@ export default {
       position: relative;
       transition: all 0.3s;
       position: relative;
-      z-index: 999;
+      z-index: 1;
 
       .label {
         font-size: 28rpx;

pages/user/index.vue

@@ -3,11 +3,11 @@
     <!-- 设置 -->
     <view class="head">
       <view class="personInfo">
-        <view>登录/注册</view>
-        <view class="account">点击登录 获取更多信息</view>
+        <view>张三</view>
+        <view class="account">勤工岗</view>
       </view>
       <u-avatar
-        :src="baseInfo.avatar ? baseInfo.avatar : '/static/images/avatar.png'"
+        src="/static/images/avatar.png"
         size="140"
         mode="circle"
         class="avatar"
@@ -31,7 +31,13 @@
           </view>
 
           <view class="cell-list-item-right">
-            <u-icon name="arrow-right" color="#a5a7ab" size="32"></u-icon>
+            <text v-if="item.content">{{ item.content }}</text>
+            <u-icon
+              v-else
+              name="arrow-right"
+              color="#a5a7ab"
+              size="32"
+            ></u-icon>
           </view>
         </view>
       </view>
@@ -64,9 +70,10 @@ export default {
 
       cellList: [
         {
-          title: "单位信息",
+          title: "任职周期",
           icon: "/static/images/icon-unit.png",
-          path: "/pages/user/unitInfo/index",
+          path: "",
+          content: "2025-01-01~2025-12-31",
         },
         {
           title: "版本信息",