組合示例

判斷狀态并分别顯示

下面(miàn)我們使用 stl:if 标簽判斷用戶登錄狀态,并根據登錄狀态分别顯示:

<stl:if type="IsUserLoggin">
    <stl:yes>
        <span><img src="{user.avatarUrl}" width="61" height="61"></span>
        {user.DisplayName}
        <a href="{stl:login url=logout}">退出</a>
    </stl:yes>
    <stl:no>
        <a href="#" onclick="onLogin()">登錄</a>
        <a href="#" onclick="onRegister()">注冊</a>
    </stl:no>
</stl:if>

<stl:layer funcName="onRegister" title="用戶注冊" width="550" offset="100px">
    <stl:login type="register"></stl:login>
</stl:layer>

<stl:layer funcName="onLogin" title="用戶登錄" width="500" offset="100px">
    <stl:login type="login"></stl:login>
</stl:layer>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19