优化页面
This commit is contained in:
@@ -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 <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;"}
|
||||
{"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=\"pkInformation\">pk信息</view>\r\n </view>\r\n <view>\r\n <view class=\"logout\" @click=\"pkRecord\">我的pk记录</view>\r\n </view>\r\n <view>\r\n <view class=\"logout\" @click=\"contact\">联系客服</view>\r\n </view>\r\n <view>\r\n <view class=\"logout\" @click=\"logout\">退出登录</view>\r\n </view>\r\n </view>\r\n <view class=\"copyright\">版权所有 © 2025 ...................</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 pkInformation() {\r\n uni.navigateTo({\r\n url: \"/pages/Mine/minecomponents/pkInformation\",\r\n });\r\n },\r\n pkRecord() {\r\n uni.navigateTo({\r\n url: \"/pages/Mine/minecomponents/pkRecord\",\r\n });\r\n },\r\n contact() {\r\n uni.navigateTo({\r\n url: \"/pages/Mine/minecomponents/contact\",\r\n });\r\n },\r\n\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.logout{\r\n margin-top: 20rpx;\r\n width: 100vw;\r\n height: 80rpx;\r\n line-height: 80rpx;\r\n color: #000000;\r\n font-size: 36rpx;\r\n background: #ffffff;\r\n border-top: 1px solid #000000;\r\n border-bottom: 1px solid #000000;\r\n text-align: center;\r\n}\r\n.copyright{\r\n position: absolute;\r\n bottom: 250rpx;\r\n width: 100%;\r\n text-align: center;\r\n color: #ffffff;\r\n font-size: 24rpx;\r\n z-index: 999;\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/项目/tk-mini-program/pages/Mine/Mine.vue'\nwx.createPage(MiniProgramPage)"],"names":["uni"],"mappings":";;;AAkCA,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,gBAAgB;AACdA,oBAAAA,MAAI,WAAW;AAAA,QACb,KAAK;AAAA,MACP,CAAC;AAAA,IACF;AAAA,IACD,WAAW;AACTA,oBAAAA,MAAI,WAAW;AAAA,QACb,KAAK;AAAA,MACP,CAAC;AAAA,IACF;AAAA,IACD,UAAU;AACRA,oBAAAA,MAAI,WAAW;AAAA,QACb,KAAK;AAAA,MACP,CAAC;AAAA,IACF;AAAA,IAED,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;;;;;;;;;;;;;;;;;;;;;;AC3FA,GAAG,WAAW,eAAe;"}
|
||||
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/Mine/minecomponents/contact.js.map
vendored
Normal file
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/Mine/minecomponents/contact.js.map
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"contact.js","sources":["pages/Mine/minecomponents/contact.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvTWluZS9taW5lY29tcG9uZW50cy9jb250YWN0LnZ1ZQ"],"sourcesContent":["<template>\r\n <view class=\"contact\">\r\n <h1>联系方式</h1>\r\n </view>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n data() {\r\n return {\r\n title: 'Hello'\r\n }\r\n },\r\n onLoad() {\r\n // 页面加载时执行\r\n },\r\n methods: {\r\n // 方法定义\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n .contact{\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n</style>","import MiniProgramPage from 'D:/项目/tk-mini-program/pages/Mine/minecomponents/contact.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;AAOI,MAAK,YAAU;AAAA,EACX,OAAO;AACH,WAAO;AAAA,MACH,OAAO;AAAA,IACX;AAAA,EACH;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS;AAAA;AAAA,EAET;AACJ;;;;;AClBJ,GAAG,WAAW,eAAe;"}
|
||||
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/Mine/minecomponents/pkInformation.js.map
vendored
Normal file
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/Mine/minecomponents/pkInformation.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/Mine/minecomponents/pkRecord.js.map
vendored
Normal file
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/Mine/minecomponents/pkRecord.js.map
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"pkRecord.js","sources":["pages/Mine/minecomponents/pkRecord.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvTWluZS9taW5lY29tcG9uZW50cy9wa1JlY29yZC52dWU"],"sourcesContent":["<template>\r\n <view class=\"pkRecord\">\r\n <view>返回</view>\r\n <view>pk记录</view>\r\n <view></view>\r\n </view>\r\n <view class=\"Navigation\">\r\n <view class=\"PkPosted\">我发布的PK</view>\r\n <view>我邀请的PK</view>\r\n </view>\r\n <scroll-view\r\n scroll-y=\"true\"\r\n class=\"scroll\"\r\n refresher-enabled=\"true\"\r\n refresher-threshold=\"40\"\r\n @refresherrefresh=\"onRefresherRefresh\"\r\n lower-threshold=\"100\"\r\n @scrolltolower=\"onScrollToLower\"\r\n > \r\n <uni-card v-for=\"(item, index) in list\">\r\n <view class=\"content\">\r\n <view class=\"Anchor\">\r\n <view class=\"avatar\">主播1头像(赢方头像框王冠)</view>\r\n <view class=\"AnchorInfo\">\r\n <view>主播昵称</view>\r\n <view>pk时间</view>\r\n <view>实际打了多少金币</view>\r\n </view>\r\n </view>\r\n <view>\r\n VS\r\n </view>\r\n <view class=\"Anchor\">\r\n <view class=\"AnchorInfo\">\r\n <view>主播昵称</view>\r\n <view>pk时间</view>\r\n <view>实际打了多少金币</view>\r\n </view>\r\n <view class=\"avatar\">主播1头像</view>\r\n </view>\r\n\r\n </view>\r\n </uni-card>\r\n </scroll-view>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n data() {\r\n return {\r\n list: [\r\n {},\r\n {},\r\n {}, \r\n {}, \r\n {}, \r\n {}, \r\n {}, \r\n {}, \r\n ]\r\n }\r\n },\r\n onLoad() {\r\n // 页面加载时执行\r\n },\r\n methods: {\r\n // 方法定义\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n .pkRecord{\r\n width: 100vw;\r\n height: 200rpx;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-color: #ffffff;\r\n padding-top: 40rpx;\r\n border-bottom: 1px solid #000000;\r\n }\r\n .content{\r\n width: 100vw;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 10px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n .avatar{\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n font-size: 20rpx;\r\n background-color: aqua;\r\n }\r\n .Anchor{\r\n display: flex;\r\n }\r\n .AnchorInfo{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n margin-left: 10rpx;\r\n font-size: 20rpx;\r\n }\r\n .PkPosted{\r\n text-align: center;\r\n font-size: 30rpx;\r\n height: 100rpx;\r\n line-height: 100rpx;\r\n width: 45%;\r\n border-right: 1px solid #000000;\r\n }\r\n .Navigation{\r\n width: 100vw;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n height: 100rpx;\r\n background-color: #ffffff;\r\n border-bottom: 1px solid #000000;\r\n }\r\n</style>","import MiniProgramPage from 'D:/项目/tk-mini-program/pages/Mine/minecomponents/pkRecord.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;AA+CI,MAAK,YAAU;AAAA,EACX,OAAO;AACH,WAAO;AAAA,MACH,MAAM;AAAA,QACF,CAAE;AAAA,QACF,CAAE;AAAA,QACF,CAAE;AAAA,QACF,CAAE;AAAA,QACF,CAAE;AAAA,QACF,CAAE;AAAA,QACF,CAAE;AAAA,QACF,CAAE;AAAA,MACN;AAAA,IACJ;AAAA,EACH;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS;AAAA;AAAA,EAET;AACJ;;;;;;;;;;;;;;;;;ACnEJ,GAAG,WAAW,eAAe;"}
|
||||
Reference in New Issue
Block a user