10.1 制作标签文档
产品多级分类
{% for value in app('category').lists('product') %}
-
{{ value.cname }}
{% if second.childcategory is not empty %}
{% endif %}
{% endfor %}
单页面多级分类
{% if value.target == '_blank' %}target='_blank'{% endif %} // 判断跳转方式
说明页调取
{% set test = app('section').id(28680) %} // 声明变量
{{ test.title}}
{{ test.content.summary |truncate(200,'...') }}
{{ test.content.content | raw }}
{% set test = app('section').id(28680) %}
{{ test.title} // 调用名称
{{ test.content.img }} // 调用图片
{{ test.content.link }} // 调用链接
{{ test.content.summary }} // 调用描述
{{ test.content.content | raw }} // 调用内容
广告图调用方法
{% for value in app('section').id('45528') %}
{{ value.name }}
{{ value.summary }}
{% endfor %}
参数说明:
{{ value.img }} // 调用图片路径
{{ value.name }} // 调用标题
{{ value.url }} // 调用链接
{{ value.summary }} // 调用描述
图文调用方法
{% for value in app('section').id('20066') %}
{{ value.name }}
{{ value.fname }}
{{ value.text1 }}
{{ value.text2 }}
{{ value.text3 }}
{{ value.summary }}
{% endfor %}
参数说明:
{{ value.name }} // 调用主标题
{{ value.fname }} // 调用副标题
{{ value.text1 }} // 调用文字1
{{ value.text2 }} // 调用文字2
{{ value.text3 }} // 调用文字3
{{ value.img[0] }} // 调用多图路径 第一个默认为0 第二个为1 以此类推...
{{ value.url }} // 调用链接地址
{{ value.summary }} // 调用备注
延伸:通过增加参数达到遍历循环
{% for key,value in app('section').id('20066') %}
asasa
{% endfor %}
模块(产品,新闻,案例….)调用方法
{% for value in app('section').id('47248') %}
{{ value.title }}
{{ value.description }}
{{ value.summary }}
{{ value.timeline|date("Y-m-d") }}
{{ value.author }}
{% endfor %}
参数说明:
{{ value.url }} // 调用链接地址
{{ value.title }} // 调用标题
{{ value.uploadfiles }} // 调用原图
{{ app('content').thumb(value.uploadfiles[0],400,400) }} // 调用缩略图
{{ value.description }} // 调用描述
{{ value.summary }} // 调用内容
{{ value.timeline|date("Y-m-d") }} // 调用时间
{{ value.author }} // 调用新闻作者
自动调取产品,新闻,案例…
{% for value in news.show(0,6,0,1) %}
-
{{ value.title }}
{{ value.description }}
{{ value.summary }}
{{ value.timeline|date("Y-m-d") }}
{{ value.author }}
{% endfor %}
* 参数说明:
// 产品调用
{% for value in products.show(0,6,0,1) %}
...
{% endfor %}
// 案例调用
{% for value in cases.show(0,6,0,1) %}
...
{% endfor %}
// 新闻调用
{% for value in news.show(0,6,0,1) %}
...
{% endfor %}
// (0,6,0,1)
//第一个参数 调取分类
//第二个参数 调取显示个数
//第三个参数 0(默认),1(推荐),2(置顶)
//第四个参数 0(正序),1(倒序)
分类调取
{% for value in app('category').lists('news') %}
{{ value.cname }}
{{ value.intro }}
{% endfor %}
参数说明:
{% for value in app('category').lists('news') %}
{{ value.url }} // 调取链接地址
{{ value.cname }} // 调取分类名称
{{ value.img }} // 调取缩略图
{{ value.banner }} // 调取栏目图片(一般为当前分类banner图)
{{ value.intro }} // 调取缩略图备注
{% endfor %}
拆分
{% block menus %}
{% snippet "category" data=app('category').lists('product',first_cid) %}
{% endblock %}
友情链接
{% for value in app('links').lists(1) %}
{{ value.linktitle }}
{% endfor %}
参数说明:
{% for value in app('links').lists(1) %}
{{ value.linkurl }} // 调取网站URL
{{ value.linktitle }} // 调取网站名称
{{ value.logoimg }} // 调取LOGO图片
{{ value.intro }} // 调取网站描述
{% endfor %}
商盟链接调取:
{% for value in app('links').league %}
{{ value.linktitle }}
{% endfor %}
单页判断
{% if page.id ==96 %}
{{ page.content | raw }}
{% else if page.id ==99 %}
{{ page.content | raw }}
{% else %}
{{ page.content | raw }}
{% endif %}
企业分站
{% if config('version') == 1 %}
{{ 'general.article' | t }} |
{{ 'general.region' | t }} | {% endif %}
{{ 'general.site_map' | t }} |
RSS |
XML
{% if count is not empty %} |
{% if count > 0 %}{{ 'general.you_have' | t }}{{ count }}
{{ 'general.inquiry_info' | t }}{% else %}
{{ 'general.no_inquiry_info' | t }}{% endif %}
{% endif %}
限制数量
{% if loop.index0 <3 %}
{% endif %}
10.1单页三级下拉
{% for cate in second.chil_cate %}
{{ cate.title }}
{% endfor %}
10.1分类三级下拉
{{ second.title }}
{% for cate in second.chil_cate %}
{{ cate.title }}
{% endfor %}
常用代码
/* 文字阴影 */
h2{
text-shadow: 6px 1px 10px #000;
}
/* 单页面单独调二级 */
{% for value in app('page').lists(27) %}
{{ value.title }}
{% endfor %}
/* 单个分类二级调用 */
{% for value in app('category').lists('product', 1) %}
{{ value.cname }}
{% endfor %}
/* 热门关键词: */
{{ h1 | raw }}
/* 限制字符 */
{{ value.summary|truncate(60,'...') }}
/* 友情链接内页不显示 */
{% if count is not empty %}
{% endif %}
/* 底部分类 */
- 关于我们
{% for value in app('page').lists(27) %}
- {{ value.title }}
{% endfor %}
- 产品中心
{% for value in app('category').lists('product') %}
- {{ value.cname }}
{% endfor %}
/* WOW.js – 让页面滚动更有趣 */
1、引入文件
2、HTML
可以加入 data-wow-duration(动画持续时间)和 data-wow-delay(动画延迟时间)属性,如:
3、JavaScript
new WOW().init();
如果需要自定义配置,可如下使用:
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: true,
live: true
});
wow.init();
属性/方法 类型 默认值 说明
boxClass 字符串 ‘wow’ 需要执行动画的元素的 class
animateClass 字符串 ‘animated’ animation.css 动画的 class
offset 整数 0 距离可视区域多少开始执行动画
mobile 布尔值 true 是否在移动设备上执行动画
live 布尔值 true 异步加载的内容是否有效
Tab切换 (10.1)
产品展示
{% for value in app('category').lists('product') %}
- {{ value.cname }}
{% endfor %}
{% for value in app('category').lists('product') %}
{% for val in app('content').lists('product', value.cid, 8) %}
-
{{ val.title | truncate(20,'...')}}
{% endfor %}
{% endfor %}
导航下拉三级 (10.1)
{% if data is not empty %}
{% endif %}