From d770a8d82fbf4d818adb56e7c8dab61c64946f24 Mon Sep 17 00:00:00 2001 From: devil_gong Date: Fri, 12 Oct 2018 18:26:48 +0800 Subject: [PATCH] user index --- .../Home/View/Default/User/Index.html | 43 +++++- service/Public/Home/Default/Css/Common.css | 4 +- .../Public/Home/Default/Css/User.Index.css | 125 +++++++++++++++++- service/Public/Home/Default/Css/User.css | 19 +-- .../Home/Default/Images/member_top_bg.png | Bin 0 -> 2494 bytes 5 files changed, 172 insertions(+), 19 deletions(-) create mode 100644 service/Public/Home/Default/Images/member_top_bg.png diff --git a/service/Application/Home/View/Default/User/Index.html b/service/Application/Home/View/Default/User/Index.html index 95de2f9c4..45dfcec42 100755 --- a/service/Application/Home/View/Default/User/Index.html +++ b/service/Application/Home/View/Default/User/Index.html @@ -26,7 +26,48 @@
- ShopXO + +
+
+
+ {{$user.avatar}}__PUBLIC__/Home/{{$default_theme}}/Images/default-user-avatar.jpg" /> +

{{$user.user_name_view}}

+
+
+ 修改头像 + 修改资料 + 我的地址 +
+
+
+ 消息 +
+ +
+ + +
+ order +
diff --git a/service/Public/Home/Default/Css/Common.css b/service/Public/Home/Default/Css/Common.css index f9af22b39..df49dfc63 100755 --- a/service/Public/Home/Default/Css/Common.css +++ b/service/Public/Home/Default/Css/Common.css @@ -667,11 +667,11 @@ background:url(../Images/ibar_sprites.png) no-repeat;background-position:0px -23 .user-content-body {-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto; } .user-offcanvas-bar { z-index: 900; } @media only screen and (min-width:640px) { - .user-sidebar {display:block;position:static;background:none; border-top: 5px solid #e94353;} + .user-sidebar {display:block;position:static;background:none; border-top: 5px solid #ED5564;} .user-offcanvas-bar {position:static;width:auto;background:none;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow-y:hidden;} .user-offcanvas-bar:after {content:none;} .user-main { padding: 0 5px; } - .user-content-body { padding: 0 5px 5px 10px; } + .user-content-body { padding: 0 0 5px 10px; } } @media only screen and (min-width: 1025px) { .user-main { padding: 0; } diff --git a/service/Public/Home/Default/Css/User.Index.css b/service/Public/Home/Default/Css/User.Index.css index f36c3bcb1..ae36e1110 100644 --- a/service/Public/Home/Default/Css/User.Index.css +++ b/service/Public/Home/Default/Css/User.Index.css @@ -1,3 +1,126 @@ +/** + * 用户中心 + */ +.user-base { + -webkit-animation: changeBg 20s infinite; + -moz-animation: changeBg 20s infinite; + animation: changeBg 20s infinite; + background-color: #ED5564; + background-image: url(../Images/member_top_bg.png); + background-size: cover; + width: 100%; + position: relative; + padding: 20px 10px; + overflow: hidden; +} +.user-base p, .user-base span, .user-base a { + color: #fff; +} +.user-base a { + text-decoration: none; +} +.user-base-left, .user-base-right { + +} +.user-avatar { + text-align: center; +} +.user-avatar .user-name { + font-weight: 500; +} +.user-avatar img { + width: 80px; + height: 80px; + border-radius: 100%; +} +.user-avatar .user-name, .order-base { + margin-top: 5px; +} + +.user-base-left .items a { + color: #f8f8f8; +} + +.user-base-right a:not(:last-child) { + margin-right: 15px; +} +.user-base-icon { + background: rgba(0,0,0,0.1); + position: absolute; +} + + +/** + * PC + */ +@media only screen and (min-width: 641px) { + .user-base-left, .user-avatar, .user-base-left .items { + float: left; + } + .user-base-right { + float: right; + } + .user-base-left .items { + margin-left: 15px; + } + .user-base-left .items a { + display: block; + line-height: 28px; + } + .user-base-icon { + bottom: 20px; + right: 10px; + } + .user-base-icon li { + float: left; + padding: 5px 20px; + text-align: center; + } + .user-base-icon li p { + font-weight: 500; + } +} + +/** + * 手机 + */ @media only screen and (max-width:640px) { - .am-footer { padding-bottom: 55px; } + .am-footer { + padding-bottom: 55px; + } + + .nav-search { + display: none; + } + .user-main { + padding-top: 0; + } + .user-content-body { + padding: 0; + } + .user-base { + text-align: center; + height: 210px; + } + .user-avatar { + margin-bottom: 10px; + } + .user-base-left .items a:not(:last-child) { + margin-right: 20px; + } + .user-base-right { + position: absolute; + right: 10px; + top: 10px; + } + .user-base-icon { + left: 0; + bottom: 0; + width: 100%; + padding: 5px 0; + } + .user-base-icon li { + float: left; + width: 33.33%; + } } \ No newline at end of file diff --git a/service/Public/Home/Default/Css/User.css b/service/Public/Home/Default/Css/User.css index e44325782..1a95db361 100755 --- a/service/Public/Home/Default/Css/User.css +++ b/service/Public/Home/Default/Css/User.css @@ -1,3 +1,6 @@ +/** + * 登录/注册 + */ form.form-validation, .reg-switch-view { margin: 30px 0 60px 0; } .reg-switch-view .am-btn { width: 49%; line-height: 100px; font-size: 16px; } @@ -5,18 +8,4 @@ form.form-validation, .reg-switch-view { margin: 30px 0 60px 0; } .reg-switch-tips { font-weight: 100; font-size: 12px; color: #f87689; margin-left: 20px; } #verify-win .am-modal-bd { margin-top: 10px; } #verify-win .am-modal-bd .base { overflow: hidden; } -#verify-win .am-modal-bd .base .verify-tips { font-size: 12px; } - -/** - * PC - */ -@media only screen and (min-width: 641px) { - -} - -/** - * 手机 - */ -@media only screen and (max-width: 641px) { - -} \ No newline at end of file +#verify-win .am-modal-bd .base .verify-tips { font-size: 12px; } \ No newline at end of file diff --git a/service/Public/Home/Default/Images/member_top_bg.png b/service/Public/Home/Default/Images/member_top_bg.png new file mode 100644 index 0000000000000000000000000000000000000000..29c5facfde896013734c1cbd96dbb3aa320714fc GIT binary patch literal 2494 zcmV;v2|@OWP))ih9==J7)ur+o7GDn06U+5VPK~;-s(3kYP?tKs8O!;vMTqg zemG6jGA(KtZ*@+|3#!Lp3ip4A!Xci#>7iwP=p2+K9-8W(hPt`3I>M7zo_aed7vp{0;Q=S+LqJ^WfQC&^ESF@fp`+b+9vvPR zsMG8kQfgZOz;rx0u5`=Z|UyA688s`3?8-H^cSPGXXN(g z#@(Z)Iv&M8lCG9+bmFbzw4BKt_+h;UeOxJ#>)A z(r&2T9uhtNh9gTn{)Wq~Mdvqo+zp3#1dp%b$k1-?9WIjIZq9c&k{_o2hSL|`5D(FQ z5BoiRE02?$p7iu2yC)n53YK^%yxjv(;8%IjaHQToeh>aUB(&R`J(P@~)|kQIQRlsT zlEY)Gjn{++w_LySA)Zz|`~uJVs~Zo~&+DzS+cQj_^j#jFJpkRE@jBJlA)d4BvEP^^ z#RE^lC{sKL$l*yhPde7a&11as%qQ{`4+3&+tnm6hxJ-yA!t*?le_bE-^E|@A6(?i2 z{(O4!i#(*1)>9?|Iqc`KpkLxrKZXo)F_k&mFQ%qwr zp8qXRX?Upn_KDx_Av`MU5m%M(9`1f0jV0SXSj}wl%u_A{iY1F4!uNt6&%6YCJW&cL zh#stBye<7j^-xsr9{eJQC--}J;h9e<)4J;(qLN9ivfIP(m~Wq{o@SmrUqSPT<@aEE zuje#*u9}DYIPrC!kfeS?!<{}S&qeff2ZSrE9^6144;|}?UJtcBsml{4kJ4`e7r)Mf z`CT4PJaN84>;1sw!4-Qwu@w8q!oriLeE!JqZ=DSn9Ue5C5Rc@U-KQy@ALEH`PohG~ z_d;jG;fh@zruI`iNS?Ux=-+cX$nQZwT0AIBjBT;+?+5UB+YKK7{|>>-@Q5FDc`?=- zJ^km4f3I4e!M=9WJxS&0o**<_UJcgaA-hKpC>Z=9tcL?=J(#oIbWgHz5(^#-2TrvC zYMyNN=mFXMf$HJFS&gQ8aD~}}8A9siB$ho1zYSscdggfka(8dJjl(b$Kri79knIZW z6^zmS?`?pY52C0eisGYc`R^DfSB|A9W|lp=*T%D7?(^8gW< zTAcAn$Ri-}l`8?qmY@!|kVkCK*fi35wl)59;vTzP`&!1Dec*wLAJJEM} zSUtuLYx0j$AhjT4N8bmcVh;cdB+fG8DfRrDQ;j_&i6Dx5?3OZy9-dx} zW_s)&($Sg+@Owx$DhxTmkM`hqdGLEY{!S$7kxe~td1QAF9xLg7+V5efN9Q|xdi+!L z_;BMRJziMxSOMMPo{m)EfzzYwxpoLiEn}1Xj2S4G_~kjOVK4uzD!p z(;v^Fo;%yq8;=e*?lDtrc(ju5r;Ireu1h%15&ugZzWELY^~v)PP|Bu_;{)LidgyaLA{?C;3{H}?USJ!f z9uapq_Q|FP+#iX0@WsOcjR;me>|4&k2uMA#TAwf-8c)=NG*4u`aVRG`;Hbefb=Rk) zzEPQ;cn_Gkhkl%gyF82?0xI_O2h`v}qX%goV2c4q*`EG@`aPh&fD%1T5pjoyF;i3@ z5T$wAMBMACA9)j=v&{pl1!Z|ULA;d*r2$cyryr!AD}I9B5m)Z%2K9SJ-3Fu#MDkYY zIi5XK1|rdZ#JQefI~6Gck>q&z73ZUHD);=d+RwYugOa(nNR~$iPxKA~%8iH;J^aE0 z!;|~ip?c2jfXr@Q*_G_!r+5y$EUNWf5-lU1ZqJzqQV#~TwMRiD>cMw--t_-}5(=Uo zqq}Ue=Pdm~so$dkH7y=~iibDw1P9!?S3bdj^xbd;MAe>i?f9=pZ{oQEoKGO$#B(ii zw44Fed(M?h=jrfGJl9G%PYLlRo@-5`wS(txdv}bSFc1V$)V_gsZm|FUhqSW|Y|#Yz zBcW0k2_)33o*gz4Bv96@%=ba!{rdG0sy`pIpLs10>{l_@y9m0Dhdfwh&~_aUWKAyU zBAz^2Iq3xTdvdbp`yQUPBTw{E{kGl}=?-?KG8T}p< z4>$E}?Z@Xl&#*oI0rEY_o=q9Ieh(uRq;N|2Y)U=-o|zuX==Y_iRL>kM!j5kDFuH^5na!LE9=D+5#RQL9(D4jfLpx7lG&L7lGyJHx;}20h%Pl1