diff --git a/pages.json b/pages.json index b8f4d6a..9018b31 100644 --- a/pages.json +++ b/pages.json @@ -4,6 +4,14 @@ }, "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { + "path": "pages/Personal/Personal", + "style": { + "navigationBarTitleText": "个人中心", + "enablePullDownRefresh": false, + "navigationBarBackgroundColor": "#ffffff", + "navigationStyle": "custom" + } + },{ "path": "pages/startup/startup", "style": { "navigationBarTitleText": "", @@ -124,14 +132,7 @@ "navigationBarBackgroundColor": "#ffffff", "enablePullDownRefresh": false } - }, { - "path": "pages/Personal/Personal", - "style": { - "navigationBarTitleText": "个人中心", - "enablePullDownRefresh": false, - "navigationBarBackgroundColor": "#ffffff" - } - }, + }, { "path": "pages/login/login", "style": { diff --git a/pages/Personal/Personal.scss b/pages/Personal/Personal.scss new file mode 100644 index 0000000..61a169b --- /dev/null +++ b/pages/Personal/Personal.scss @@ -0,0 +1,177 @@ + .app { + font-size: 35rpx; + padding: 0 0 200rpx 0; + position: relative; + text-align: center; + .service { + position: absolute; + top:985rpx; + left:2%; + width: 96%; + height: 100rpx; + background: #FFFFFF; + box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03); + border-radius: 10rpx; + image { + width: 13rpx; + height: 23rpx; + position: absolute; + right:40rpx; + top:50%; + transform: translateY(-50%); + } + .serviceorder { + font-size: 32rpx; + height: 100rpx; + line-height: 100rpx; + position: absolute; + left: 31rpx; + } + } + .content { + position: absolute; + top:670rpx; + left:2%; + width: 96%; + height: 300rpx; + background: #FFFFFF; + box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03); + border-radius: 10rpx; + .center { + display: flex; + justify-content: space-around; + padding-top: 50rpx; + .OrderStatus { + position: relative; + height: 180rpx; + width: 25%; + .title{ + position: absolute; + top: 80rpx; + width:100%; + left:50%; + transform: translateX(-50%); + } + image { + width: 71rpx; + height: 63rpx; + position: absolute; + left: 50%; + transform: translateX(-50%); + } + .orderCount { + background-color: red; + color: #FFFFFF; + border-radius: 50%; + // padding: 0 5rpx ; + line-height: 30rpx; + width: 30rpx; + height: 30rpx; + font-size: 18rpx; + // display: inline-block; + position: absolute; + top: -20rpx; + right: 35rpx; + } + } + } + .CommodityOrder { + font-size: 32rpx; + height: 80rpx; + line-height: 80rpx; + position: relative; + .title{ + position: absolute; + left: 31rpx; + } + .text{ + position: absolute; + right: 40rpx; + font-size: 26rpx; + color: #969494; + image{ + position: absolute; + top:50%; + transform: translateY(-50%); + padding-left: 10rpx; + width: 13rpx; + height: 23rpx; + } + } + } + } + .userinfo{ + position: absolute; + top:420rpx; + left:2%; + display: flex; + width: 96%; + height: 220rpx; + background-color: #fff; + border-radius: 10rpx; + box-shadow: 0rpx 0rpx 24rpx 0rpx rgba(101,176,249,0.41); + .item{ + width: 33%; + height: 100%; + padding-top: 40rpx; + .text{ + font-size: 30rpx; + line-height: 60rpx; + } + image{ + // margin-left: 50%; + // transform: translateX(-50%); + width: 85rpx; + height: 74rpx; + } + } + } + .user { + width: 100%; + height: 550rpx; + position: relative; + color: #FFFFFF; + font-size: 39rpx; + .modify { + position: absolute; + right: 3%; + top:220rpx; + font-size:28rpx; + image{ + width: 23rpx; + height: 23rpx; + padding-left: 10rpx; + } + } + + .nickname { + position: absolute; + top: 265rpx; + left: 35%; + font-size: 30rpx; + } + + .phone { + position: absolute; + top: 200rpx; + left: 35%; + } + .bjimg{ + width: 100%; + height: 100%; + image{ + width: 100%; + height: 100%; + } + } + .img { + width: 150rpx; + height: 150rpx; + border-radius: 50%; + background: #F6F6F6; + position: absolute; + top: 180rpx; + left: 8%; + } + } + } \ No newline at end of file diff --git a/pages/Personal/Personal.vue b/pages/Personal/Personal.vue index 09890ed..1c10b87 100644 --- a/pages/Personal/Personal.vue +++ b/pages/Personal/Personal.vue @@ -1,164 +1,261 @@ + - diff --git a/static/Tobepaid.png b/static/Tobepaid.png index 49c967e..6ba4f01 100644 Binary files a/static/Tobepaid.png and b/static/Tobepaid.png differ diff --git a/static/evaluated.png b/static/evaluated.png index 8cd65fa..4960d9a 100644 Binary files a/static/evaluated.png and b/static/evaluated.png differ diff --git a/static/finished.png b/static/finished.png index 0b35f09..2ef3914 100644 Binary files a/static/finished.png and b/static/finished.png differ diff --git a/static/jifen.png b/static/jifen.png new file mode 100644 index 0000000..be885a6 Binary files /dev/null and b/static/jifen.png differ diff --git a/static/jkda.png b/static/jkda.png new file mode 100644 index 0000000..a57abd7 Binary files /dev/null and b/static/jkda.png differ diff --git a/static/received.png b/static/received.png index fd196a9..3c684ae 100644 Binary files a/static/received.png and b/static/received.png differ diff --git a/static/user.png b/static/user.png index 6e70dbb..dac4233 100644 Binary files a/static/user.png and b/static/user.png differ diff --git a/static/userbeijing.png b/static/userbeijing.png new file mode 100644 index 0000000..c1902ba Binary files /dev/null and b/static/userbeijing.png differ diff --git a/static/xg.png b/static/xg.png new file mode 100644 index 0000000..4ba6bf1 Binary files /dev/null and b/static/xg.png differ diff --git a/static/yhj.png b/static/yhj.png new file mode 100644 index 0000000..903860e Binary files /dev/null and b/static/yhj.png differ