功能说明：该功能主要配置网站底部footer的内容信息，包括添加底部配置的连接文章，底部footer展示的自定义设计（若修改样式，需要懂前端技术的技术编程）。


  1. 添加文章

功能说明:底部导航菜单若需要链接到谋篇文章时，需要提前添加文章，将文章的连接指向当前文章别名。

2. 文章列表（支持按照语言进行分类）


功能介绍：

  • 文章标题：当前文章内容的标题，最多支持35个字符长度。

  • 语言：交易所系统支持的语言，单选。

  • 文章别名：文章的别名作为footer文章配置的网络连接，在在配置底部导航的跳转地址时，只需要配置文章的别名即可。
  • 文章排序：该功能主要是配置文章在后台列表的展示顺，数字小的优先展示。

  • 文章内容：文章内容支持富文本编辑，支持添加图片、添加文字链接、修改字体等操作。


自定义footer（待完善）

功能介绍：该功能支持商户编辑底部导航信息，可以根据你的需求修改底部导航排版和内容；底部导航默认为关闭状态，底部导航将默认加载商户的logo和底部导航的文章；开启后，商户将可以自定义。

   自定义footer默认代码（可拷贝粘贴在修改）

<div class="foot-min">

<div class="foot-min-top clearfix">

<div class="foot-min-left clearfix">

<ul>

<li class="title">

<a href="/cms/cc_test001">

<span class="z-2-cl z-l-f-h">服务协议</span>

</a>

</li>

<li class="item">

<a href="/cms/cc_test001">

<span class="z-2-cl z-l-f-h">服务协议</span>

</a>

</li>

<li>

<a href="https://www.google.com.cn">

<span class="z-2-cl z-l-f-h">关于我们</span>

</a>

</li>

            </ul>

<ul>

<li class="title">条款说明</li>

<li>用户协议</li>

<li>隐私条款</li>

            </ul>

</div>

<div class="foot-min-right">

<div class="logo">

<img src="http://chaindown-oss.oss-cn-hongkong.aliyuncs.com/upload/20181106212859698.png" alt="">

</div>

<div class="phone clearfix">

<i>

<img src="http://chaindown-oss.oss-cn-hongkong.aliyuncs.com/upload/20181106214230607.png" alt="">

</i>

<span class="phone-number">13499978666</span>

<span class="phone-num">010-6645688</span></div>

<div class="email clearfix">

<i>

<img src="http://chaindown-oss.oss-cn-hongkong.aliyuncs.com/upload/20181106214207231.png" alt="">

</i>

<div class="email-number">

<span>chainup@yy.com</span>

<span>chainup@qq.com</span>

<span>chainup@qq.com</span>

</div>

</div>

</div>

</div>

<div class="foot-min-bottom">

<p>Copyright © 2018 chainup. All rights reserved</p>

</div>

</div>

<style>.foot-min{min-width:1150px;width:86%;margin:0 auto;padding:0 20px;overflow:hidden;max-width:1300px}.foot-min .foot-min-top{border-bottom:1px solid #1b1f28;padding-bottom:30px}.foot-min .foot-min-top .foot-min-left{border-right:1px solid #1b1f28;padding-left:40px;min-height:200px;margin-top:25px;min-width:60%;float:left;width:60%}.foot-min .foot-min-top .foot-min-left ul{float:left;width:25%;margin-top:28px;font-size:14px}.foot-min .foot-min-top .foot-min-left ul .title{color:#4174ae;margin-bottom:10px;font-weight:bolder}.foot-min .foot-min-top .foot-min-left ul li{line-height:30px}.foot-min .foot-min-top .foot-min-right{float:left;margin-top:25px;padding-left:40px;min-height:200px;font-size:14px}.foot-min .foot-min-top .foot-min-right .logo{margin-top:10px}.foot-min .foot-min-top .foot-min-right .phone{margin:20px 0}.foot-min .foot-min-top .foot-min-right .phone i img{vertical-align:middle}.foot-min .foot-min-top .foot-min-right .phone .phone-number{margin:0 10px 0 8px}.foot-min .foot-min-top .foot-min-right .email i{float:left}.foot-min .foot-min-top .foot-min-right .email i img{vertical-align:middle}.foot-min .foot-min-top .foot-min-right .email .email-number{float:left;margin-left:14px}.foot-min .foot-min-top .foot-min-right .email .email-number span{display:block;line-height:25px}.foot-min .foot-min-bottom{height:50px;margin-top:10px;line-height:50px;text-align:center}</style>  

以上代码将生成如下样式（底部的样式代码不能删除，删除后影响footer的整体样式布局）


部分js标签介绍：

标签

介绍

<u><li>xxxxx</li></u>

 每组“<u></u>”标签为一列，每项内容在“<li></li>”标签中添加。

class="title"

class="item"

class="title”：首列第一个元素的样式，会有加粗效果。

class="item" :每列子元素样式

<span class="z-2-cl z-l-f-h">关于我们</span>

  添加“关于我们”文本不受其他样式影响，

<a href="/cms/cc_test001">

<span class="z-2-cl z-l-f-h">服务协议</span></a>

为“服务于协议”添加一个内部跳转链接，链接的文章为“cc_test001” ，注意：“/cms/”前缀不能省去。例如：


<a href="https://www.google.com.cn"><span class="z-2-cl z-l-f-h">关于我们</span></a>

为“关于我们”添加一个具体的网络跳转路径，目标网址为“https://www.google.com.cn”

  • 无标签