From cc0785a2c5761ea7681ceb00287949d6b3d89432 Mon Sep 17 00:00:00 2001 From: shengliang Date: Sat, 30 Nov 2019 11:06:14 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=88=91=E7=9A=84=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E6=B7=BB=E5=8A=A0?= =?UTF-8?q?=E5=85=B3=E4=BA=8E=E6=88=91=E4=BB=AC=EF=BC=8C=E6=9B=B4=E6=8D=A2?= =?UTF-8?q?logo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.json | 1 + pages/app-auth/index.wxml | 2 +- pages/ucenter/about/index.js | 9 +++++ pages/ucenter/about/index.json | 3 ++ pages/ucenter/about/index.wxml | 15 +++++++ pages/ucenter/about/index.wxss | 42 +++++++++++++++++++ pages/ucenter/index/index.js | 7 +++- pages/ucenter/index/index.wxml | 39 ++++++++++-------- pages/ucenter/index/index.wxss | 73 +++++++++++++++++++++------------- 9 files changed, 146 insertions(+), 45 deletions(-) create mode 100644 pages/ucenter/about/index.js create mode 100644 pages/ucenter/about/index.json create mode 100644 pages/ucenter/about/index.wxml create mode 100644 pages/ucenter/about/index.wxss diff --git a/app.json b/app.json index e50bf7d..0896c5a 100644 --- a/app.json +++ b/app.json @@ -7,6 +7,7 @@ "pages/search/search", "pages/order-check/index", "pages/goods/goods", + "pages/ucenter/about/index", "pages/ucenter/address/index", "pages/ucenter/address-detail/index", "pages/ucenter/index/index", diff --git a/pages/app-auth/index.wxml b/pages/app-auth/index.wxml index 30b6c79..cc7d0e8 100644 --- a/pages/app-auth/index.wxml +++ b/pages/app-auth/index.wxml @@ -1,6 +1,6 @@ 海风小店 开源微信小程序商城 diff --git a/pages/ucenter/about/index.js b/pages/ucenter/about/index.js new file mode 100644 index 0000000..b9700b5 --- /dev/null +++ b/pages/ucenter/about/index.js @@ -0,0 +1,9 @@ +const app = getApp() + +Page({ + data: { + }, + onLoad: function () { + + }, +}) diff --git a/pages/ucenter/about/index.json b/pages/ucenter/about/index.json new file mode 100644 index 0000000..55a74c5 --- /dev/null +++ b/pages/ucenter/about/index.json @@ -0,0 +1,3 @@ +{ + "navigationBarTitleText": "关于我们" +} \ No newline at end of file diff --git a/pages/ucenter/about/index.wxml b/pages/ucenter/about/index.wxml new file mode 100644 index 0000000..d366012 --- /dev/null +++ b/pages/ucenter/about/index.wxml @@ -0,0 +1,15 @@ + + + 海风小店 + + 开源微信小程序商城 + + + 开发者：盛良 + 微信：lookgxl + + + 更多信息访问：hiolabs.com + + + \ No newline at end of file diff --git a/pages/ucenter/about/index.wxss b/pages/ucenter/about/index.wxss new file mode 100644 index 0000000..46a2adb --- /dev/null +++ b/pages/ucenter/about/index.wxss @@ -0,0 +1,42 @@ +page { + height: 100%; + background: #f8f8f8; +} + +.container { + background-color: #f8f8f8; + height: 100%; + display: flex; + align-items: stretch; + overflow-x: hidden; + justify-content: unset; +} + +.about-wrap { + background: #fff; + padding: 50rpx 40rpx; +} + +.title { + width: 100%; + font-size: 30rpx; + font-weight: bold; + text-indent: 56rpx; + margin: 24rpx 0; + box-sizing: border-box; +} + +.content { + width: 100%; + font-size: 28rpx; + text-indent: 56rpx; + line-height: 50rpx; + box-sizing: border-box; +} + +.line { + height: 1rpx; + border-top: 1rpx solid #f1f1f1; + padding-bottom: 14rpx; + margin-top: 14rpx; +} diff --git a/pages/ucenter/index/index.js b/pages/ucenter/index/index.js index fd0cca7..a8ee089 100644 --- a/pages/ucenter/index/index.js +++ b/pages/ucenter/index/index.js @@ -14,7 +14,7 @@ Page({ avatar: 'http://lucky-icon.meiweiyuxian.com/hio/default_avatar_big.png', status: {}, }, - toSettings: function(e) { + goProfile: function (e) { let res = util.loginNow(); if (res == true) { wx.navigateTo({ @@ -40,6 +40,11 @@ Page({ }); } }, + toAbout: function () { + wx.navigateTo({ + url: '/pages/ucenter/about/index', + }); + }, toFootprint: function(e) { let res = util.loginNow(); if (res == true) { diff --git a/pages/ucenter/index/index.wxml b/pages/ucenter/index/index.wxml index 34a151b..97614d8 100644 --- a/pages/ucenter/index/index.wxml +++ b/pages/ucenter/index/index.wxml @@ -1,19 +1,26 @@ - - - - - - - - - - - - - {{userInfo.nickname}} + + + + + + + + + + + {{userInfo.nickname}} + + + + + @@ -82,12 +89,12 @@ - + - + - 设置 + 关于我们 diff --git a/pages/ucenter/index/index.wxss b/pages/ucenter/index/index.wxss index 94e0d12..6d7ba62 100644 --- a/pages/ucenter/index/index.wxss +++ b/pages/ucenter/index/index.wxss @@ -59,31 +59,57 @@ page { .head-wrap { display: flex; - justify-content: flex-start; + justify-content: space-between; align-items: center; margin: 0 30rpx; padding: 30rpx 0; + border-bottom: 1rpx solid #f1f1f1; } -.head-wrap .l { +.head-wrap .no-login-avatar { + display: flex; + justify-content: flex-start; + align-items: center; +} + +.head-wrap .no-login-avatar .no-avatar { width: 128rpx; height: 128rpx; position: relative; margin-right: 20rpx; } -.head-wrap .l .avatar-wrap { - width: 128rpx; - height: 128rpx; -} - -.head-wrap .l .avatar { +.head-wrap .no-login-avatar .no-avatar .avatar { width: 128rpx; height: 128rpx; border-radius: 90rpx; } -.head-wrap .l .crown { +.head-wrap .head-l { + display: flex; + justify-content: flex-start; + align-items: center; +} + +.head-wrap .head-l .l { + width: 110rpx; + height: 110rpx; + position: relative; + margin-right: 20rpx; +} + +.head-wrap .head-l .l .avatar-wrap { + width: 110rpx; + height: 110rpx; +} + +.head-wrap .head-l .l .avatar { + width: 110rpx; + height: 110rpx; + border-radius: 90rpx; +} + +.head-wrap .head-l .l .crown { position: absolute; right: -10rpx; top: -10rpx; @@ -92,37 +118,30 @@ page { transform: rotate(45deg); } -.head-wrap .l .crown .icon { +.head-wrap .head-l .l .crown .icon { width: 30rpx; height: 30rpx; } -.head-wrap .r { - display: flex; - flex-direction: column; -} - -.head-wrap .r .t { +.head-wrap .head-l .r { display: flex; justify-content: flex-start; align-items: center; - margin-bottom: 8rpx; } -.head-wrap .r .t .name { +.head-wrap .head-l .r .name { font-size: 34rpx; color: #192841; font-weight: 500; margin-right: 10rpx; } -.head-wrap .r .t .tag { - font-size: 20rpx; - color: #ff3456; - border-radius: 100rpx; - border: 1rpx solid #ff3456; - padding: 4rpx 16rpx; - background: #fff; +.head-wrap .head-r .arrow { + width: 10rpx; + height: 10rpx; + border-top: 4rpx solid #ccc; + border-right: 4rpx solid #ccc; + transform: rotate(45deg); } .order-container { @@ -135,7 +154,7 @@ page { .order-container .header { width: 100%; background: url(http://lucky-icon.meiweiyuxian.com/hio/arrow-right.png) no-repeat 690rpx center; - background-size: 16rpx auto, 750rpx auto; + background-size: 14rpx auto, 750rpx auto; height: 90rpx; margin: 0 0 0 24rpx; font-size: 30rpx; @@ -256,7 +275,7 @@ page { } .li-wrap .list .list-l .text { - font-size: 30rpx; + font-size: 28rpx; color: #333; }