if 标签

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

## 概述：
   通过if标签中的`value`参数值，来实现在不同情况下执行对应代码。
   
## 使用范围：
所有模板文件页面，并且可与其他模板标签相互嵌套使用。
## 类型：
功能标签，用于判断不同`value`参数的值从而执行不同代码的标签。
## 语法：

<if value="$data['classnow'] eq 3">
    代码代码1
    <elseif value="$data['classnow'] eq 2"/>
    代码代码2
    <else/>
    代码代码3
    </if>
	
    //value参数中的比较运算符号需要转换成以下字符
    '!=' => 'neq', //不等于
    '==' => 'eq', //等于
    '>' => 'gt', //大于
    '>=' => 'egt', //大于等于
    '<' => 'lt', //小于
    '<=' => 'elt' //小于等于
	
## 传入参数

|参数名|是否必填|默认值|说明|
|:----    |:-------    |:---|:---|
|value|是 |string|表达式|

## 标签原理：
if标签中只有一个参数`value`，用于填写判断表达式或变量。
if标签是功能标签，功能与js中的if函数类似，在if标签的内部书写待渲染的html标签。
**if标签：**

<if value="$data['classnow'] eq 3">
    代码代码1
    <elseif value="$data['classnow'] eq 2"/>//如不需要这个判断可不写这个标签
    代码代码2
    <else/>//如不需要这个判断可不写这个标签
    代码代码3
    </if>

**if函数：**

if($data['classnow'] == 3){
        document.write('代码代码1');
    }else if($data['classnow'] == 2){//如不需要这个判断可不写这个标签
        document.write('代码代码2');
    }else{//如不需要这个判断可不写这个标签
        document.write('代码代码3');
    }
总结：if标签通过在value参数传入判断表达式或变量，会根据value参数的结果执行不同的html代码。

## 示例：
### 同一个栏目模块，不同栏目显示不同展示风格样式
**场景案例：**简介模块栏目默认展示风格为显示当前详情页内容，其中某个简介模块栏目只展示某张图片或其他内容。
**解决方案：**通过设置特殊展示风格的[栏目风格值](https://doc.metinfo.cn/metinfo/column/column83.html "栏目风格值")为非0，例如为2，再通过if标签判断，当前页栏目风格[$data['index_num']](https://doc.metinfo.cn/mb/mbtag/76.html "$data['index_num']")的值来渲染对应的html代码。

**模板代码：**

<if value="$data['index_num'] eq 2">//判断栏目风格等于2时，执行以下代码
        <img src="upload/2020020202/123123123.jpg" alt="图片关键词" title="图片关键词">
    <else/>//判断栏目风格不等于2时，执行以下代码
    <div class="met-editor clearfix">{$data.content}</div>//{$data.content}为当前页详情内容，具体请参考文档https://doc.metinfo.cn/mb/mbtag/76.html
    </if>
	
【注意】实际编写时请去掉注释文字。
**前台页面输出HTML：**

//栏目2页面，输出以下代码
    <img src="upload/2020020202/123123123.jpg" alt="图片关键词" title="图片关键词">
    //栏目1页面，输出以下代码
    <div class="met-editor clearfix">当前页详情内容</div>

文档中心

米拓学堂

帮助中心

在线交流

{"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"}