tag 会员中心下拉菜单

更新时间：2020-05-26 15:09:44 作者：米拓建站

## 概述：
当tag标签的action参数值为`app_column`时，可循环调用会员中心应用列表的内容在会员中心下拉菜单中显示，一般显示在头部导航会员登录后的下拉菜单中。
【说明】会员中心应用列表包含商城、流程系统等应用的前台页面链接，不包括个人信息、账号安全、退出登录。

## 使用范围：
所以模板文件都可调用，一般用于头部模板文件`head.php`中。

## 类型：
数据标签，用于调用会员中心应用列表数据的标签。
## 语法：

<tag action="app_column" name="$vac">
    <a href="{$vac.url}" title="{$vac.title}" {$vac.target}><i class="icon fa-paper-plane" aria-hidden="true"></i> {$vac.title}</a>
    </tag>
    
【说明】
- tag标签中对应的参数及选项值可参考下面的`参数说明`；
- tag标签中的数据内容，可通过自定义的name参数值$vac数组及对应的字段获取，具体可参考下方的`$vac数组`。

## 标签原理：

tag标签是数据的集合，数据类型类似js的数组，通过action参数传入值不同来获取不同的数据，当`action`传参为`app_column`时，便可获得应用列表数据。
tag标签的语法和js中的for函数类似，在tag标签的内部书写待渲染的html标签，$v为每个循环变量的别名，包含了每条内容的数据。
**tag标签：**

<tag action="app_column" name="$vac">
        <a href="{$vac.url}" title="{$vac.title}">{$vac.title}</a>//通过自定义的$vac数组调用内容数据
    </tag>

**for函数：**

for(i=0;i<list.length;i++){
    document.write(
    '<a href="'+list[i]['url]+'" title="'+list[i]['title]+'">'+list[i]['title]+'</a>'
    );
    }

总结：tag标签是后台返回数据的集合，类似于数组，在传入指定参数后会返回内容数据，在内部编写html代码，并使用自定义的变量`$vac`来获取每个内容的数据，这样我们就可以得到一段动态的包含内容信息的html代码了。
## 参数说明：
tag标签，可通过传入不同的参数值，来调用对应的信息，以下为应用列表标签对应的参数选项值：

| 参数名  | 是否必填  | 默认值  | 参数值说明  |
| ------------ | ------------ | ------------ | ------------ |
| action  | 是  | null  | 指定调用的方法（`app_column`）  |
| name  | 是  | null  | 标签中调用内容数据的变量名，如传入的是 `$vac`, 则标签中调用数据为` {$vac.字段名}`的格式  |

## $vac数组：
  tag标签是一个数据的集合，当`action="app_column"`调用应用列表时，tag标签内部循环需通过name自定义循环变量名，如$vac数组，从而调用更多的内容数据。
### 调用语法：`{$vac.字段名称}`
例如：

<tag action="app_column" name="$vac">
    <a href="{$vac.url}" title="{$vac.title}">{$vac.title}</a> //调用应用页面标题及对应的链接。
    </tag>
	
$v数组中包含的字段：

| 字段名称  |  含义 |
| ------------ | ------------ |
| active  | 高亮样式（当前页面为某应用页面时，该应用的active值为active,否则为空）  |
|title |  应用页面标题 |
| url  | 应用页面链接  |
|  target | 应用页面链接打开方式（新窗口打开或本窗口打开）  |

## 示例：
### 会员登录后如何限时商城会员中心列表
**场景案例：**网站开启商城模块和支付接口管理应用后，用户通过头部导航的登陆按钮，登陆后，在当前会员账户下拉列表中需显示商城会员列表：我的购物车、商城中心、我的订单、我的收藏、我的优惠券、收货地址等。
**模板代码：**

<if value="$c['met_member_register']">//通过if标签（if标签用法请参考文档https://doc.metinfo.cn/mb/mbtag/85.html）判断系统是否开启会员注册功能，$c变量请参考文档https://doc.metinfo.cn/mb/mbtag/78.html
    <if value="$user">//通过if标签（if标签用法请参考文档https://doc.metinfo.cn/mb/mbtag/85.html）判断会员是否已登录，$user变量请参考会员信息参数文档
    // 会员已登录后渲染以下代码
    <ul>
       ...其它会员中心页面（个人信息、账号安全等页面）//其他会员中心页面的调用请参考文档https://doc.metinfo.cn/mb/mbtag/80.html）
    <tag action="app_column" name="$vac">// 调用应用列表数据
    // $vac包含了每条内容的所有数据，相当于一个数组，可以通过{$vac.字段名}的方式来渲染内容数据
    <li class='{$vac.active}'>// {$vac.active}：高亮样式
    <a href="{$vac.url}" title="{$vac.title}" {$vac.target}><i class="icon fa-paper-plane" aria-hidden="true"></i> {$vac.title}</a>//{$vac.url}：应用页面链接；{$vac.title}：应用页面标题；{$vac.target}：应用页面打开方式。
    </li>
    </tag>
    </ul>
    </if>
    </if>
	
【注意】实际编写时请去掉注释文字。

**前台页面输出HTML：**
当前页面为“我的购物车”页面时，输出代码如下：

<ul>
        <li class="active">
            <a href="../shop/cart.php?lang=cn" title="我的购物车" target="_blank"> <i class="icon fa-paper-plane" aria-hidden="true"></i>
                我的购物车
            </a>
        </li>
        <li class="">
            <a href="../shop/profile.php?lang=cn" title="商城中心"> <i class="icon fa-paper-plane" aria-hidden="true"></i>
                商城中心
            </a>
        </li>
        <li class="">
            <a href="../shop/order.php?lang=cn" title="我的订单">
                <i class="icon fa-paper-plane" aria-hidden="true"></i>
                我的订单
            </a>
        </li>
        <li class="">
            <a href="../shop/favorite.php?lang=cn" title="我的收藏">
                <i class="icon fa-paper-plane" aria-hidden="true"></i>
                我的收藏
            </a>
        </li>
        <li class="">
            <a href="../shop/discount.php?lang=cn" title="我的优惠券">
                <i class="icon fa-paper-plane" aria-hidden="true"></i>
                我的优惠券
            </a>
        </li>
        <li class="">
            <a href="../shop/address.php?lang=cn" title="收货地址">
                <i class="icon fa-paper-plane" aria-hidden="true"></i>
                收货地址
            </a>
        </li>
        <li class="">
            <a href="../pay/finance.php?lang=cn" title="消费明细">
                <i class="icon fa-paper-plane" aria-hidden="true"></i>
                消费明细
            </a>
        </li>
    </ul>

文档中心

米拓学堂

帮助中心

在线交流

{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox'  class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n    <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n    <div class=\"onlinebox-box\">\r\n        <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n            <div class=\"onlinebox-top-btn font-size-26\">\r\n                <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n                <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n            <\/div>\r\n            <h4>在线交流<\/h4>\r\n        <\/div>\r\n                                    <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n    <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n    <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    QQ交流群\r\n<\/p><\/div>\r\n    <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}