$g 模板公共参数

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

## 概述：
   通过`$g`数组中的字段调用模板公共参数，可统一设置整站的风格，例如网站字体、主色调等。

【注意】
- 模板中自定义变量名称不能和特殊变量`$g`相同，否则会冲突报错；
- 可参考标签模板制作文档“模板自定义变量（未写）”自定义模板公共参数；
- 模板公共参数的值在可视化后台→【风格】-【[风格设置](https://doc.metinfo.cn/metinfo/style/style_261_1.html "风格设置")】中设置。

## 使用范围：
所有页面都可调用,部分类型参数如颜色、图片等可在`metinfo.css`文件（标签模板）或`index.css`（商业模板UI文件）中调用。
## 类型：
变量，用于调用模板公共参数。
## 语法：

//css文件中调用语法：$参数名称$
    {color:$firstcolor$;}
    //模板文件中调用语法：{$g.参数名称}
    <ul>
    <li>
        <a href=”https://www.mituo.cn” title=”米拓官网” {$g.urlnew}>链接文字</a>
    </li>
    </ui>

【说明】$g数组中的字段具体可参考下方的`$g数组`。
## $g数组：
$g是一个数据的集合,是数组的形式。

### $g数组中包含的常用字段：

| 名称  |  含义 |
| ------------ | ------------ |
| bodybgcolor  | 网站背景颜色 |
| firstcolor  |模板主色调  |
|  secondcolor |模板副色调  |
| thirdcolor  | 模板配色调 |
| met_font  |  网站字体|
| bodybgimg  | 网站背景图片 |
| urlnew  | 内容列表的链接打开方式（当前窗口或新窗口打开）  |

【注意】模板中自定义变量名称不能和特殊变量$g中的参数名相同，否则会冲突报错。

## 示例：
### 如何调用模板公共主色调：
**场景案例：**首页某个区块的标题（类名为`index_title`）可自定义设置颜色（变量为`index_title_color`），未设置自定义颜色值时，则默认为模板主色调（`变量firstcolor的值为#000000`）。

**模板代码：**
    .index_title{color:$firstcolor$;color:$index_title_color$;}//将模板主色调变量的值$firstcolor$放在自定义的标题颜色变量前赋值，即可实现默认值为模板主色调的效果

【注意】
- 标签模板书写在`metinfo.css`中，商业模板书写在对应UI文件夹下的`index.css`中；
- 实际编写时请去掉注释文字。

**前台生成的css代码：**

//未自定义设置区块标题颜色时（即index_title_color的值为空），则代码如下：
    .index_title{color:#000000;color:;}
    //若区块自定义设置index_title_color的值为#ffffff，则代码如下：
    .index_title{color:#000000;color:#ffffff;}
    
### 如何统一设置内容列表的链接打开方式：
**场景案例：**首页[内容列表](https://doc.metinfo.cn/mb/mbtag/65.html "内容列表")区块，如何统一设置内容列表链接打开方式：当前窗口或新窗口打开。

**模板代码：**

示例代码只以内容列表中链接的关键代码a标签为例：
    <a href="https://www.mituo.cn" title="米拓官网" {$g.urlnew}>链接文字</a>// {$g.urlnew}：内容列表的链接打开方式       https://doc.metinfo.cn/metinfo/style/style565.html

【注意】实际编写时请去掉注释文字。

**前台页面输出HTML：**

//当内容列表的链接打开方式为新窗口打开时：
    <a href="https://www.mituo.cn" title="米拓官网" target="_blank">链接文字</a>
    //当内容列表的链接打开方式为当前窗口打开时：
    <a href="https://www.mituo.cn" title="米拓官网" target="_self ">链接文字</a>

文档中心

米拓学堂

帮助中心

在线交流

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