优化页面

This commit is contained in:
pengxiaolong
2025-05-27 13:06:24 +08:00
parent 728dfd501f
commit cf8728f0d7
29 changed files with 357 additions and 137 deletions

View File

@@ -1 +1 @@
{"version":3,"file":"Mine.js","sources":["pages/Mine/Mine.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvTWluZS9NaW5lLnZ1ZQ"],"sourcesContent":["<template>\r\n <view class=\"container\">\r\n <view class=\"PersonalInformation\">\r\n <view class=\"header\">\r\n <image :src=\"userinfo.headerIcon\" mode=\"scaleToFill\" class=\"headerIcon\" />\r\n </view>\r\n <view>\r\n <view class=\"name\">{{ userinfo.nickName }}</view>\r\n </view>\r\n <view class=\"Settings\" @click=\"goSetting\">\r\n\t <image class=\"SettingsIcon\" src=\"../../static/Settings.png\" mode=\"scaleToFill\"/>\r\n\t </view>\r\n </view>\r\n </view>\r\n <view class=\"tabBar\">\r\n <tabBar></tabBar>\r\n </view>\r\n</template>\r\n\r\n<script>\r\nimport tabBar from \"../../components/tabBar/tabBar\";\r\nexport default {\r\n data() {\r\n return {\r\n userinfo: {},\r\n };\r\n },\r\n onShow() {\r\n\tuni.getStorage({\r\n key: \"userinfo\",\r\n success: (res) => {\r\n this.userinfo = res.data;\r\n },\r\n });\r\n },\r\n methods: {\r\n goSetting() {\r\n\t\tuni.navigateTo({\r\n\t\t\turl: '/pages/Setting/Setting'\r\n\t\t});\r\n\t},\r\n },\r\n components: {\r\n tabBar,\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 100%;\r\n width: 100%;\r\n background: linear-gradient(to bottom, #11cb2a6e, #2574fc6d);\r\n}\r\n.PersonalInformation {\r\n margin-top: 200rpx;\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n.header {\r\n margin-left: 50rpx;\r\n width: 100rpx;\r\n height: 100rpx;\r\n border-radius: 50%;\r\n}\r\n.headerIcon {\r\n width: 100rpx;\r\n height: 100rpx;\r\n border-radius: 50%;\r\n}\r\n.name {\r\n margin-left: 30rpx;\r\n}\r\n.Settings {\r\n margin-left: 370rpx;\r\n width: 50rpx;\r\n height: 50rpx;\r\n}\r\n.SettingsIcon {\r\n width: 50rpx;\r\n height: 50rpx;\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/项目/tk-mini-program/pages/Mine/Mine.vue'\nwx.createPage(MiniProgramPage)"],"names":["uni"],"mappings":";;;AAoBA,eAAe,MAAW;AAC1B,MAAK,YAAU;AAAA,EACb,OAAO;AACL,WAAO;AAAA,MACL,UAAU,CAAE;AAAA;EAEf;AAAA,EACD,SAAS;AACVA,kBAAAA,MAAI,WAAW;AAAA,MACV,KAAK;AAAA,MACL,SAAS,CAAC,QAAQ;AAChB,aAAK,WAAW,IAAI;AAAA,MACrB;AAAA,IACH,CAAC;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,YAAY;AACdA,oBAAAA,MAAI,WAAW;AAAA,QACd,KAAK;AAAA,MACN,CAAC;AAAA,IACD;AAAA,EACC;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AACH;;;;;;;;;;;;;;;;;;AC5CA,GAAG,WAAW,eAAe;"}
{"version":3,"file":"Mine.js","sources":["pages/Mine/Mine.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvTWluZS9NaW5lLnZ1ZQ"],"sourcesContent":["<template>\r\n <view class=\"container\">\r\n <view class=\"PersonalInformation\">\r\n <view class=\"header\">\r\n <image :src=\"userinfo.headerIcon\" mode=\"scaleToFill\" class=\"headerIcon\" />\r\n </view>\r\n <view>\r\n <view class=\"name\">{{ userinfo.nickName }}</view>\r\n </view>\r\n <view class=\"Settings\" @click=\"goSetting\">\r\n <image class=\"SettingsIcon\" src=\"../../static/Settings.png\" mode=\"scaleToFill\" />\r\n </view>\r\n </view>\r\n\r\n <view>\r\n <view class=\"logout\" @click=\"logout\">退出登录</view>\r\n </view>\r\n </view>\r\n <view class=\"tabBar\">\r\n <tabBar></tabBar>\r\n </view>\r\n</template>\r\n\r\n<script>\r\nimport tabBar from \"../../components/tabBar/tabBar\";\r\nexport default {\r\n data() {\r\n return {\r\n userinfo: {},\r\n };\r\n },\r\n onShow() {\r\n uni.getStorage({\r\n key: \"userinfo\",\r\n success: (res) => {\r\n this.userinfo = res.data;\r\n },\r\n });\r\n },\r\n methods: {\r\n goSetting() {\r\n uni.navigateTo({\r\n url: \"/pages/Setting/Setting\",\r\n });\r\n },\r\n logout() {\r\n uni.removeStorage({\r\n key: \"chatInfo\",\r\n });\r\n uni.removeStorage({\r\n key: \"userinfo\",\r\n });\r\n uni.removeStorage({\r\n key: \"userSig\",\r\n });\r\n uni.removeStorage({\r\n key: \"lastPage\",\r\n });\r\n uni.reLaunch({\r\n url: \"/pages/login/login\",\r\n }); \r\n }\r\n },\r\n components: {\r\n tabBar,\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 100%;\r\n width: 100%;\r\n background: linear-gradient(to bottom, #11cb2a6e, #2574fc6d);\r\n}\r\n.PersonalInformation {\r\n margin-top: 200rpx;\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n.header {\r\n background: #ffffff;\r\n margin-left: 50rpx;\r\n width: 100rpx;\r\n height: 100rpx;\r\n border-radius: 50%;\r\n}\r\n.headerIcon {\r\n width: 100rpx;\r\n height: 100rpx;\r\n border-radius: 50%;\r\n}\r\n.name {\r\n margin-left: 30rpx;\r\n}\r\n.Settings {\r\n margin-left: 370rpx;\r\n width: 50rpx;\r\n height: 50rpx;\r\n}\r\n.SettingsIcon {\r\n width: 50rpx;\r\n height: 50rpx;\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/项目/tk-mini-program/pages/Mine/Mine.vue'\nwx.createPage(MiniProgramPage)"],"names":["uni"],"mappings":";;;AAwBA,eAAe,MAAW;AAC1B,MAAK,YAAU;AAAA,EACb,OAAO;AACL,WAAO;AAAA,MACL,UAAU,CAAE;AAAA;EAEf;AAAA,EACD,SAAS;AACPA,kBAAAA,MAAI,WAAW;AAAA,MACb,KAAK;AAAA,MACL,SAAS,CAAC,QAAQ;AAChB,aAAK,WAAW,IAAI;AAAA,MACrB;AAAA,IACH,CAAC;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,YAAY;AACVA,oBAAAA,MAAI,WAAW;AAAA,QACb,KAAK;AAAA,MACP,CAAC;AAAA,IACF;AAAA,IACD,SAAS;AACPA,oBAAAA,MAAI,cAAc;AAAA,QAChB,KAAK;AAAA,MACP,CAAC;AACDA,oBAAAA,MAAI,cAAc;AAAA,QAChB,KAAK;AAAA,MACP,CAAC;AACDA,oBAAAA,MAAI,cAAc;AAAA,QAChB,KAAK;AAAA,MACP,CAAC;AACDA,oBAAAA,MAAI,cAAc;AAAA,QAChB,KAAK;AAAA,MACP,CAAC;AACDA,oBAAAA,MAAI,SAAS;AAAA,QACX,KAAK;AAAA,MACP,CAAC;AAAA,IACH;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AACH;;;;;;;;;;;;;;;;;;;ACjEA,GAAG,WAAW,eAAe;"}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long