feat(mine.vue):个人中心页面

.gitignore

@@ -1,16 +1,16 @@
 ######################################################################
 # Build Tools
 
-/unpackage/*
-/node_modules/*
-/uni_modules/*
+/unpackage/**/*
+/node_modules/**/*
+/uni_modules/**/*
 
 ######################################################################
 # Development Tools
 
-/.idea/*
-/.vscode/*
-/.hbuilderx/*
+/.idea/**/*
+/.vscode/**/*
+/.hbuilderx/**/*
 package-lock.json
 
 yarn.lock

pages.json

@@ -35,7 +35,29 @@
 				"navigationBarTitleText": "我的",
 				"enablePullDownRefresh": false
 			}
+		},
+		{
+			"path" : "pages/mine/edit/edit",
+			"style" : 
+			{
+				"navigationBarTitleText" : "编辑资料"
+			}
+		},
+		{
+			"path" : "pages/mine/personal_message/personal_message",
+			"style" : 
+			{
+				"navigationBarTitleText" : "个人信息"
+			}
+		},
+		{
+			"path" : "pages/mine/setting/setting",
+			"style" : 
+			{
+				"navigationBarTitleText" : "应用设置"
+			}
 		}
+		
 	],
 	"tabBar": {
 		"color": "#7A7E83",

pages/mine/edit/edit.vue

@@ -0,0 +1,57 @@
+<template>
+  <view class="container">
+    <!-- 用户昵称输入框 -->
+    <view class="input-group">
+      <text>用户昵称：</text>
+      <input type="text" v-model="nickname" placeholder="请输入用户昵称" />
+    </view>
+
+    <!-- 手机号码输入框 -->
+    <view class="input-group">
+      <text>手机号码：</text>
+      <input type="number" maxlength="11" v-model="phone" placeholder="请输入手机号码" />
+    </view>
+
+    <!-- 邮箱输入框 -->
+    <view class="input-group">
+      <text>邮箱：</text>
+      <input type="text" v-model="email" placeholder="请输入邮箱地址" />
+    </view>
+
+    <!-- 性别选择器 -->
+    <view class="gender-selector">
+      <radio-group @change="handleGenderChange">
+		  
+		<text>性别：</text>
+        <label><radio value="male" :checked="gender === 'male'" />男</label>
+        <label><radio value="female" :checked="gender === 'female'" />女</label>
+      </radio-group>
+    </view>
+
+    <!-- 提交按钮 -->
+    <button type="primary" @click="handleSubmit">提交</button>
+  </view>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.container {
+  padding: 20px;
+}
+
+.input-group {
+  margin-bottom: 10px;
+}
+
+.input-group text {
+  display: block;
+  margin-bottom: 5px;
+}
+
+.gender-selector label {
+  margin-right: 15px;
+}
+</style>

pages/mine/index.vue

@@ -1,12 +1,163 @@
 <template>
-	<view>
-		
+	<view class="content">
+		<!-- 用户信息部分 -->
+		<view class="user-info">
+			<image :src="headImg" class="avatar"></image>
+			<view class="info-detail">
+				<view>
+					<text>{{ userInfo.name}}</text>
+				</view>
+				<text>ID: {{ userInfo.id }}</text>
+				<view>
+					<text>{{ userInfo.department}} | {{ userInfo.position }}</text>
+				</view>
+
+			</view>
+			<button @click="navigateTo('personal_message/personal_message')">查看资料</button>
+		</view>
+
+		<!-- 功能按钮区 -->
+		<view class="function-list">
+			<view class="function-item" @click="handleButtonClick1">
+				<image :src="messageEdit" class="icon"></image>
+				<text class="title">编辑资料</text>
+				<text class="desc">></text>
+			</view>
+			<view class="function-item" @click="handleButtonClick2">
+				<image :src="waitWork" class="icon"></image>
+				<text class="title">待办事项</text>
+				<text class="desc">></text>
+			</view>
+			<view class="function-item" @click="handleButtonClick3">
+				<image :src="checkIn" class="icon"></image>
+				<text class="title">我的考勤</text>
+				<text class="desc">></text>
+			</view>
+			<view class="function-item" @click="handleButtonClick4">
+				<image :src="setting" class="icon"></image>
+				<text class="title">应用设置</text>
+				<text class="desc">></text>
+			</view>
+		</view>
+		<!-- <view class="function_btns">
+			
+
+
+			<button type="primary" @click="schedule">
+					<uni-icons type="contact" size="30"></uni-icons>
+					待办事项</button>
+				<button type="primary" @click="clockingIn" style="background-color: cornflowerblue;">我的考勤</button>
+			
+			<button type="default" @click="modifyPassword">密码修改</button>
+			<button type="warn" @click="logout">退出登录</button>
+		</view> -->
+
+
 	</view>
 </template>
 
-<script setup lang="ts">
+<script setup>
+	import {
+		ref,
+		reactive,
+		onMounted
+	} from 'vue';
+
+	import headImg from "/static/images/mine/headImg.jpg"
+	import setting from "/static/images/mine/setting.png"
+	import checkIn from "/static/images/mine/checkIn.png"
+	import waitWork from "/static/images/mine/waitWork.png"
+	import messageEdit from "/static/images/mine/edit.png"
+	//    onMounted()=>{
+	// 	console.log(functionBtns)
+	// }
+	const userInfo = ref({
+		id: '123',
+		name: '张三',
+		department: '研发部',
+		position: '软件开发工程师'
+	});
+
+
+	// function modifyPassword() {
+	// 	navigateTo('edit/edit')
+	// };
+
+	// function logout() {
+	// 	console.log('点击了退出登录');
+
+	// };
+
+	function navigateTo(pageName) {
+		uni.navigateTo({
+			url: '/pages/mine/' + pageName,
+		});
+	};
+	
+	function handleButtonClick1() {
+		navigateTo('edit/edit')
+	};
+
+	function handleButtonClick4() {
+		navigateTo('setting/setting')
+	};
 </script>
 
-<style lang="scss">
 
-</style>
+<style lang="scss" scoped>
+	.content {
+		display: flex;
+		flex-direction: column;
+	}
+
+
+
+	.user-info {
+		display: flex;
+		align-items: center;
+		padding: 20rpx;
+		border-bottom: 1rpx solid #ddd;
+	}
+
+	.avatar {
+		width: 120rpx;
+		height: 120rpx;
+		margin-right: 20rpx;
+		border-radius: 50%;
+	}
+
+	.info-detail {
+		flex-grow: 1;
+	}
+
+	.function-list {
+		margin-bottom: 60rpx;
+	}
+
+	.function-item {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 20rpx;
+		background-color: #f5f5f5;
+		border-radius: 10rpx;
+		margin-bottom: 20rpx;
+		border-bottom:1px solid black;
+	}
+
+	.icon {
+		width: 50rpx;
+		height: 50rpx;
+		margin-right: 20rpx;
+	}
+
+	.title {
+		flex-grow: 1;
+		font-size: 32rpx;
+	}
+
+	.desc {
+		color: #999;
+		margin-right: 20rpx;
+	}
+</style>

pages/mine/personal_message/personal_message.vue

@@ -0,0 +1,119 @@
+<template>
+	<view class="container">
+		<!-- 用户头像 -->
+		<image src="/static/images/headImg.jpg" class="avatar"></image>
+		
+		<!-- 用户名及职位 -->
+		<text class="username">{{ userInfo.name }}</text>
+		<view class="position">
+			{{ userInfo.position }}
+		</view>
+		
+		
+		<!-- 联系方式 -->
+		<view class="contact-info">
+			<view class="info-item">
+				<view>
+					<uni-icons type="phone" size="20"></uni-icons>
+					<text>手机</text>
+				</view>
+				<text class="lastText">{{ userInfo.phone || '暂无' }}</text>
+			</view>
+			<view class="info-item">
+				<view>
+					<uni-icons type="email" size="20"></uni-icons>
+					<text>邮箱</text>
+				</view>
+				<text class="lastText">{{ userInfo.email || '暂无' }}</text>
+			</view>
+		</view>
+		
+		<!-- 个人信息 -->
+		<view class="personal-info">
+			<view class="info-item">
+				<view>
+					<uni-icons type="person" size="20"></uni-icons>
+					<text>性别</text>
+				</view>
+				<text class="lastText">{{ userInfo.gender || '暂无' }}</text>
+			</view>
+			<view class="info-item">
+				<view>
+					<uni-icons type="star" size="20"></uni-icons>
+					<text>生日</text>
+				</view>
+				<text class="lastText">{{ userInfo.birthday || '暂无' }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				userInfo: {
+					name: "张三",
+					position: "研发部-软件开发工程师",
+					phone: "",
+					email: "",
+					gender: "男",
+					birthday: "2000-01-10"
+				}
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.container {
+		padding: 20px;
+		background-color: #f8f8f8;
+		height: 100vh;
+		box-sizing: border-box;
+	}
+
+	.avatar {
+		width: 80px;
+		height: 80px;
+		border-radius: 50%;
+		margin-bottom: 15px;
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	.username {
+		font-size: 18px;
+		
+	}
+
+	.position {
+		font-size: 14px;
+		color: #666;
+		margin: 10px auto;
+	}
+
+	.contact-info,
+	.personal-info {
+		background-color: #fff;
+		border-radius: 8px;
+		overflow: hidden;
+		margin-bottom: 15px;
+	}
+
+	.info-item {
+		padding: 12px 16px;
+		border-top: 1px solid #eee;
+		font-size: 16px;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+
+	.lastText {
+		color: #999;
+	}
+</style>
+

pages/mine/setting/setting.vue

@@ -0,0 +1,111 @@
+<!-- index.vue -->
+<template>
+  <view class="container">
+    <!-- 列表区域 -->
+    <view class="list-item" @click="showModal">
+		<view>
+			<uni-icons type="locked" size="20"></uni-icons>
+			<text>修改密码</text>
+		</view>
+		<text>></text>
+    </view>
+    <view class="list-item" @click="showModal">
+		<view>
+			<uni-icons type="refreshempty" size="20"></uni-icons>
+			<text>检查更新</text>
+		</view>
+		<text>></text>
+    </view>
+    <view class="list-item" @click="showModal">
+		<view>
+			<uni-icons type="trash" size="20"></uni-icons>
+			<text>清理缓存</text>
+		</view>
+		<text>></text>
+    </view>
+
+    <!-- 弹出框 -->
+    <uni-popup ref="popup" type="center">
+      <view class="modal-content">
+        <text class="modal-title">系统提示</text>
+        <text class="modal-text">确定注销并退出系统吗？</text>
+        <view class="modal-buttons">
+          <button class="modal-button-cancel" @click="hideModal">取消</button>
+          <button class="modal-button-confirm" @click="confirmLogout">确定</button>
+        </view>
+      </view>
+    </uni-popup>
+  </view>
+</template>
+
+<script>
+export default {
+  methods: {
+    showModal() {
+      this.$refs.popup.open();
+    },
+    hideModal() {
+      this.$refs.popup.close();
+    },
+    confirmLogout() {
+      // 这里处理确认注销的逻辑
+      console.log('User confirmed logout');
+      this.hideModal();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+/* 添加必要的样式 */
+.container {
+  padding: 20px;
+}
+
+.list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 50px;
+  border-bottom: 1px solid #eee;
+  font-size: 16px;
+}
+
+.arrow-icon {
+  width: 24px;
+  height: 24px;
+}
+
+.modal-content {
+  background-color: white;
+  padding: 30px;
+  border-radius: 8px;
+}
+
+.modal-title {
+  text-align: center;
+  margin-bottom: 15px;
+  font-weight: bold;
+}
+
+.modal-text {
+  text-align: center;
+  margin-bottom: 25px;
+}
+
+.modal-buttons {
+  display: flex;
+  justify-content: space-around;
+}
+
+.modal-button-cancel,
+.modal-button-confirm {
+  flex: 1;
+  margin-left: 10px;
+}
+
+.modal-button-confirm {
+  color: blue;
+}
+</style>
+

unpackage/dist/dev/mp-weixin/app.js

@@ -7,6 +7,9 @@ if (!Math) {
   "./pages/work/index.js";
   "./pages/contacts/index.js";
   "./pages/mine/index.js";
+  "./pages/mine/edit/edit.js";
+  "./pages/mine/personal_message/personal_message.js";
+  "./pages/mine/setting/setting.js";
 }
 const _sfc_main = {
   onLaunch: function() {
@@ -20,7 +23,7 @@ const _sfc_main = {
     console.log("App Hide");
   }
 };
-const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "D:/work/ygoa/ygoa_miniapp/App.vue"]]);
+const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/App.vue"]]);
 function createApp() {
   const app = common_vendor.createSSRApp(App);
   return {

unpackage/dist/dev/mp-weixin/app.json

@@ -4,7 +4,10 @@
     "pages/process/index",
     "pages/work/index",
     "pages/contacts/index",
-    "pages/mine/index"
+    "pages/mine/index",
+    "pages/mine/edit/edit",
+    "pages/mine/personal_message/personal_message",
+    "pages/mine/setting/setting"
   ],
   "window": {
     "navigationBarTextStyle": "white",

unpackage/dist/dev/mp-weixin/app.wxss

@@ -3645,7 +3645,6 @@ radio-group label, checkbox-group label{
   background-color: #f4f4f5;
   border-color: #e9e9eb;
 }
-
 /* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
 page {
   background-color: #f5f5f5;

unpackage/dist/dev/mp-weixin/pages/contacts/index.js

@@ -4,5 +4,5 @@ const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return {};
 }
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/work/ygoa/ygoa_miniapp/pages/contacts/index.vue"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/pages/contacts/index.vue"]]);
 wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pages/index/index.js

@@ -122,16 +122,16 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
         c: common_vendor.f(common_vendor.unref(messages), (message, index, i0) => {
           return {
             a: common_vendor.t(message.user),
-            b: "fc99be1c-3-" + i0 + "," + ("fc99be1c-2-" + i0),
-            c: "fc99be1c-2-" + i0 + "," + ("fc99be1c-1-" + i0),
+            b: "cad100f8-3-" + i0 + "," + ("cad100f8-2-" + i0),
+            c: "cad100f8-2-" + i0 + "," + ("cad100f8-1-" + i0),
             d: common_vendor.n(message.icon),
             e: common_vendor.t(message.title),
-            f: "fc99be1c-5-" + i0 + "," + ("fc99be1c-4-" + i0),
+            f: "cad100f8-5-" + i0 + "," + ("cad100f8-4-" + i0),
             g: common_vendor.t(message.time),
-            h: "fc99be1c-6-" + i0 + "," + ("fc99be1c-4-" + i0),
-            i: "fc99be1c-4-" + i0 + "," + ("fc99be1c-1-" + i0),
+            h: "cad100f8-6-" + i0 + "," + ("cad100f8-4-" + i0),
+            i: "cad100f8-4-" + i0 + "," + ("cad100f8-1-" + i0),
             j: common_vendor.t(message.content),
-            k: "fc99be1c-1-" + i0,
+            k: "cad100f8-1-" + i0,
             l: common_vendor.p({
               title: message.user,
               ["sub-title"]: message.title,
@@ -156,5 +156,5 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
     };
   }
 });
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "D:/work/ygoa/ygoa_miniapp/pages/index/index.vue"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/pages/index/index.vue"]]);
 wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pages/index/index.wxml

@@ -1 +1 @@
-<view class="index_container"><view class="segmented_control_container"><uni-segmented-control wx:if="{{b}}" bindclickItem="{{a}}" u-i="fc99be1c-0" bind:__l="__l" u-p="{{b}}"></uni-segmented-control></view><view class="content"><view wx:for="{{c}}" wx:for-item="message" wx:key="n" bindtap="{{message.m}}" class="{{[message.o, 'message_container']}}"><uni-card wx:if="{{message.l}}" u-s="{{['title','d']}}" u-i="{{message.k}}" bind:__l="__l" u-p="{{message.l}}"><view slot="title"><uni-row u-s="{{['d']}}" u-i="{{message.c}}" bind:__l="__l"><view class="message_top_container"><uni-col wx:if="{{d}}" u-s="{{['d']}}" u-i="{{message.b}}" bind:__l="__l" u-p="{{d}}"><text class="message_user">{{message.a}}</text></uni-col></view></uni-row><uni-row u-s="{{['d']}}" u-i="{{message.i}}" bind:__l="__l"><view class="message_mid_container"><uni-col wx:if="{{e}}" u-s="{{['d']}}" u-i="{{message.f}}" bind:__l="__l" u-p="{{e}}"><text class="message_title hidden_over"><text class="{{[message.d, 'iconfont']}}"></text> {{message.e}}</text></uni-col><uni-col wx:if="{{f}}" u-s="{{['d']}}" u-i="{{message.h}}" bind:__l="__l" u-p="{{f}}"><text class="message_time">{{message.g}}</text></uni-col></view></uni-row></view><view class="message_bottom_container"><text class="message_content hidden_over">{{message.j}}</text></view></uni-card></view></view></view>
+<view class="index_container"><view class="segmented_control_container"><uni-segmented-control wx:if="{{b}}" bindclickItem="{{a}}" u-i="cad100f8-0" bind:__l="__l" u-p="{{b}}"></uni-segmented-control></view><view class="content"><view wx:for="{{c}}" wx:for-item="message" wx:key="n" bindtap="{{message.m}}" class="{{[message.o, 'message_container']}}"><uni-card wx:if="{{message.l}}" u-s="{{['title','d']}}" u-i="{{message.k}}" bind:__l="__l" u-p="{{message.l}}"><view slot="title"><uni-row u-s="{{['d']}}" u-i="{{message.c}}" bind:__l="__l"><view class="message_top_container"><uni-col wx:if="{{d}}" u-s="{{['d']}}" u-i="{{message.b}}" bind:__l="__l" u-p="{{d}}"><text class="message_user">{{message.a}}</text></uni-col></view></uni-row><uni-row u-s="{{['d']}}" u-i="{{message.i}}" bind:__l="__l"><view class="message_mid_container"><uni-col wx:if="{{e}}" u-s="{{['d']}}" u-i="{{message.f}}" bind:__l="__l" u-p="{{e}}"><text class="message_title hidden_over"><text class="{{[message.d, 'iconfont']}}"></text> {{message.e}}</text></uni-col><uni-col wx:if="{{f}}" u-s="{{['d']}}" u-i="{{message.h}}" bind:__l="__l" u-p="{{f}}"><text class="message_time">{{message.g}}</text></uni-col></view></uni-row></view><view class="message_bottom_container"><text class="message_content hidden_over">{{message.j}}</text></view></uni-card></view></view></view>

unpackage/dist/dev/mp-weixin/pages/mine/index.js

@@ -1,8 +1,45 @@
 "use strict";
 const common_vendor = require("../../common/vendor.js");
-const _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  return {};
-}
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/work/ygoa/ygoa_miniapp/pages/mine/index.vue"]]);
+const common_assets = require("../../common/assets.js");
+const _sfc_main = {
+  __name: "index",
+  setup(__props) {
+    const userInfo = common_vendor.ref({
+      id: "123",
+      name: "张三",
+      department: "研发部",
+      position: "软件开发工程师"
+    });
+    function navigateTo(pageName) {
+      common_vendor.index.navigateTo({
+        url: "/pages/mine/" + pageName
+      });
+    }
+    function handleButtonClick1() {
+      navigateTo("edit/edit");
+    }
+    function handleButtonClick4() {
+      navigateTo("setting/setting");
+    }
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.unref(common_assets.headImg),
+        b: common_vendor.t(userInfo.value.name),
+        c: common_vendor.t(userInfo.value.id),
+        d: common_vendor.t(userInfo.value.department),
+        e: common_vendor.t(userInfo.value.position),
+        f: common_vendor.o(($event) => navigateTo("personal_message/personal_message")),
+        g: common_vendor.unref(common_assets.messageEdit),
+        h: common_vendor.o(handleButtonClick1),
+        i: common_vendor.unref(common_assets.waitWork),
+        j: common_vendor.o((...args) => _ctx.handleButtonClick2 && _ctx.handleButtonClick2(...args)),
+        k: common_vendor.unref(common_assets.checkIn),
+        l: common_vendor.o((...args) => _ctx.handleButtonClick3 && _ctx.handleButtonClick3(...args)),
+        m: common_vendor.unref(common_assets.setting),
+        n: common_vendor.o(handleButtonClick4)
+      };
+    };
+  }
+};
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-569e925a"], ["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/pages/mine/index.vue"]]);
 wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pages/mine/index.wxml

@@ -1 +1 @@
-<view></view>
+<view class="content data-v-569e925a"><view class="user-info data-v-569e925a"><image src="{{a}}" class="avatar data-v-569e925a"></image><view class="info-detail data-v-569e925a"><view class="data-v-569e925a"><text class="data-v-569e925a">{{b}}</text></view><text class="data-v-569e925a">ID: {{c}}</text><view class="data-v-569e925a"><text class="data-v-569e925a">{{d}} | {{e}}</text></view></view><button class="data-v-569e925a" bindtap="{{f}}">查看资料</button></view><view class="function-list data-v-569e925a"><view class="function-item data-v-569e925a" bindtap="{{h}}"><image src="{{g}}" class="icon data-v-569e925a"></image><text class="title data-v-569e925a">编辑资料</text><text class="desc data-v-569e925a">></text></view><view class="function-item data-v-569e925a" bindtap="{{j}}"><image src="{{i}}" class="icon data-v-569e925a"></image><text class="title data-v-569e925a">待办事项</text><text class="desc data-v-569e925a">></text></view><view class="function-item data-v-569e925a" bindtap="{{l}}"><image src="{{k}}" class="icon data-v-569e925a"></image><text class="title data-v-569e925a">我的考勤</text><text class="desc data-v-569e925a">></text></view><view class="function-item data-v-569e925a" bindtap="{{n}}"><image src="{{m}}" class="icon data-v-569e925a"></image><text class="title data-v-569e925a">应用设置</text><text class="desc data-v-569e925a">></text></view></view></view>

unpackage/dist/dev/mp-weixin/pages/mine/index.wxss

@@ -0,0 +1,47 @@
+/* 水平间距 */
+/* 水平间距 */
+.content.data-v-569e925a {
+  display: flex;
+  flex-direction: column;
+}
+.user-info.data-v-569e925a {
+  display: flex;
+  align-items: center;
+  padding: 20rpx;
+  border-bottom: 1rpx solid #ddd;
+}
+.avatar.data-v-569e925a {
+  width: 120rpx;
+  height: 120rpx;
+  margin-right: 20rpx;
+  border-radius: 50%;
+}
+.info-detail.data-v-569e925a {
+  flex-grow: 1;
+}
+.function-list.data-v-569e925a {
+  margin-bottom: 60rpx;
+}
+.function-item.data-v-569e925a {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx;
+  background-color: #f5f5f5;
+  border-radius: 10rpx;
+  margin-bottom: 20rpx;
+  border-bottom: 1px solid black;
+}
+.icon.data-v-569e925a {
+  width: 50rpx;
+  height: 50rpx;
+  margin-right: 20rpx;
+}
+.title.data-v-569e925a {
+  flex-grow: 1;
+  font-size: 32rpx;
+}
+.desc.data-v-569e925a {
+  color: #999;
+  margin-right: 20rpx;
+}

unpackage/dist/dev/mp-weixin/pages/process/index.js

@@ -35,5 +35,5 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
     };
   }
 });
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "D:/work/ygoa/ygoa_miniapp/pages/process/index.vue"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/pages/process/index.vue"]]);
 wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pages/process/index.wxml

@@ -1 +1 @@
-<view class="index_container"><view class="segmented_control_container"><uni-segmented-control wx:if="{{b}}" bindclickItem="{{a}}" u-i="f10aade2-0" bind:__l="__l" u-p="{{b}}"></uni-segmented-control></view><view class="content"><view id="all" hidden="{{!c}}">待办</view><view id="readed" hidden="{{!d}}">在办</view><view id="unread" hidden="{{!e}}">办结</view><view id="unread" hidden="{{!f}}">我的</view></view></view>
+<view class="index_container"><view class="segmented_control_container"><uni-segmented-control wx:if="{{b}}" bindclickItem="{{a}}" u-i="0e7ca9be-0" bind:__l="__l" u-p="{{b}}"></uni-segmented-control></view><view class="content"><view id="all" hidden="{{!c}}">待办</view><view id="readed" hidden="{{!d}}">在办</view><view id="unread" hidden="{{!e}}">办结</view><view id="unread" hidden="{{!f}}">我的</view></view></view>

unpackage/dist/dev/mp-weixin/pages/work/index.js

@@ -72,5 +72,5 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
     };
   }
 });
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "D:/work/ygoa/ygoa_miniapp/pages/work/index.vue"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/pages/work/index.vue"]]);
 wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/project.config.json

@@ -23,7 +23,7 @@
   "projectname": "ygoa_miniapp",
   "condition": {},
   "editorSetting": {
-    "tabIndent": "insertSpaces",
+    "tabIndent": "auto",
     "tabSize": 2
   }
 }

unpackage/dist/dev/mp-weixin/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.js

@@ -64,5 +64,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     i: common_vendor.s("width:" + $data.width + ";" + ($data.square ? "height:" + $data.width : ""))
   } : {});
 }
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7a807eb7"], ["__file", "D:/work/ygoa/ygoa_miniapp/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.vue"]]);
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7a807eb7"], ["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.vue"]]);
 wx.createComponent(Component);

unpackage/dist/dev/mp-weixin/uni_modules/uni-grid/components/uni-grid/uni-grid.js

@@ -77,5 +77,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     c: $props.borderColor
   };
 }
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-07acefee"], ["__file", "D:/work/ygoa/ygoa_miniapp/uni_modules/uni-grid/components/uni-grid/uni-grid.vue"]]);
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-07acefee"], ["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/uni_modules/uni-grid/components/uni-grid/uni-grid.vue"]]);
 wx.createComponent(Component);

unpackage/dist/dev/mp-weixin/uni_modules/uni-icons/components/uni-icons/uni-icons.js

@@ -68,5 +68,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     e: common_vendor.o((...args) => $options._onClick && $options._onClick(...args))
   };
 }
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/work/ygoa/ygoa_miniapp/uni_modules/uni-icons/components/uni-icons/uni-icons.vue"]]);
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/uni_modules/uni-icons/components/uni-icons/uni-icons.vue"]]);
 wx.createComponent(Component);

unpackage/dist/dev/mp-weixin/uni_modules/uni-section/components/uni-section/uni-section.js

@@ -79,5 +79,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     l: $options._padding
   });
 }
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/work/ygoa/ygoa_miniapp/uni_modules/uni-section/components/uni-section/uni-section.vue"]]);
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:/JavaProject/HBuilderProjects/ygoa_miniapp/uni_modules/uni-section/components/uni-section/uni-section.vue"]]);
 wx.createComponent(Component);