会员页面
会员中心页面公共结构和头部底部引用方式
会员页面
会员中心页面结构
会员中心内页使用 member/header.html 和 member/footer.html,头部会自动包含顶部会员信息、通知入口和左侧会员菜单
{template "member/header.html"}
<div class="member-page-head">
<h2>页面标题</h2>
<p>页面说明</p>
</div>
<div class="member-panel">
页面内容
</div>
{template "member/footer.html"}
登录注册页面结构
登录、注册、找回密码这类未登录页面使用认证头部和底部
{template "member/auth-header.html"}
<div class="member-auth-wrap">
<div class="member-page-head">
<h2>会员登录</h2>
</div>
登录表单
</div>
{template "member/auth-footer.html"}
侧栏菜单引用
member/header.html 内部已经引用侧栏
{if $member}
<aside class="member-sidebar side-menu">
{template "member/sidebar.html"}
</aside>
{/if}
独立改造会员中心布局时,也可以手动引用 member/sidebar.html
头部会员信息
{if $member}
<a href="{member_url path=notifications}">
消息
{if $member.notification_unread_count}<span>{$member.notification_unread_count}</span>{/if}
</a>
<img src="{$member.avatar_url}" alt="{$member.nickname}">
<span>{$member.nickname}</span>
{else}
<a href="{member_url path=login}">会员登录</a>
{/if}
| 变量 | 说明 |
|---|---|
$member |
当前登录会员,未登录时为空 |
$member.avatar_url |
头像访问地址,未上传时为默认头像 |
$member.notification_unread_count |
当前会员未读消息数 |
$csrf |
表单 CSRF Token |
常见页面文件
| 文件 | 用途 |
|---|---|
member/index.html |
会员中心首页 |
member/profile.html |
个人资料 |
member/password.html |
修改密码 |
member/notifications.html |
消息通知 |
member/posts.html |
我的投稿 |
member/orders.html |
我的订单 |
member/assets.html |
我的资产 |
member/recharges.html |
充值记录 |
member/withdrawals.html |
提现记录 |