当前所在位置: 首页 » 新闻动态 » 版本更新 » 【功能升级】2016年6月第四周:文本组件支持分别调整电脑、pad、手机多终端的文字大小 | 文章列表新增风格

【功能升级】2016年6月第四周:文本组件支持分别调整电脑、pad、手机多终端的文字大小 | 文章列表新增风格

浏览数量: 3     作者: 本站编辑     发布时间: 2018-10-23      来源: 本站

新增需求:

1、文本组件支持自定义调整不同终端(PC端、Pad横屏、Pad竖屏、手机横屏、手机竖屏)下的文字大小;

【应用场景】在网站首页的第一屏,除了用幻灯片,有的时候也会用一张背景图片上显示文字+按钮的形式介绍公司特色或者核心产品,因为我们是响应式的平台,文字会随着屏幕宽度自动适应,在PC端的大屏幕下,设置大号的字体例如48号很ok,但是当在手机端的小屏幕下,文字被折成了很多行,还显示48号字体就显得很大,所以我们增加了多个终端自定义调整字体的功能,可以根据实际终端屏幕的宽度灵活调整文本组件中的字体大小,使得多个终端都完美展示。

【案例演示】访问http://en.anli052.ldyjz.com/,看首页第一屏的文字在不同终端下的展示效果,经过设置不同终端的文字大小后,在每个终端都能有一个好的显示效果。

 

2、文章列表组件新增风格13,左侧显示文章标题+摘要,右侧显示发布日期+查看详情的按钮;

【应用场景】适用于文章总列表页面,针对部分网站的新闻资讯没有新闻附图的情况,选择这种排版风格既能从列表上展示每条新闻的大概内容,又有查看更多内容的按钮交互,不论是从排版的美观性的角度,还是从实际应用的通用性和便利性的角度,还是从SEO的角度,都能达到一个很好的效果,推荐使用此风格。

【案例演示】看如下截图所示效果,默认的按钮、边线、文章标题是红色,用户可以通过组件设置项中的自定义风格调整任何配合自己网站风格的颜色,如下示例效果供参考:

1)PC端的展示效果;

wenzhangli

2)手机端的展示效果;

wenzhangli.2jpg

更多文章

商务热线:
0769-2166 5619
邮箱:
地址:
广东省东莞市南城街道建设路12号东盈●汇博中心