Project Description

更新日期: 2017-11-01

用来展示客户评价的一种方式。

编辑界面

tabs element设置界面

设置选项

General

  • Add / Edit Items,用于新增客户评价信息
    • Name,姓名
    • Avatar,头像,可以自己上传照片
    • Company,公司
    • Link,添加客户的链接
    • Testimonial Content,具体的评价内容
  • Design,有两种风格,Classic和Clean,具体区别可参考下文中的 效果示意
  • Background Color,框的背景颜色
  • Text Color,设置文字颜色
  • Random Order,数个客户评价的展示顺序设置,可以选择随机展示,也可以设置为No,按顺序进行切换展示
  • Element Visibility,默认不修改,此选项和适配移动端有关系,可参考《设置移动端适配》
  • CSS Class / CSS ID,默认不需填写内容,需要针对此内容进行单独的样式调整时才考虑使用这2个选项

Animation

图片的动态效果,提供7种可选:

  • Bounce
  • Fade
  • Flash
  • Rubberband
  • Shake
  • Slide
  • Zoom

每一种动态效果都提供了一些参数进行调整,比如动画的进入方向、持续时间等,一般情况下,避免使用过多的不同形式的动画。

效果示意

下面的效果示意,左侧是Classic Design,右侧是Clean Design,并修改了背景颜色为 #02fcfc

Classic Design

这小伙很不错!

吹牛很666的水平,像我。

Jack马, 宇宙有限公司

支持Jack马,我也觉得这小伙厉害。

天上都是牛在飞!

Pony马, 企鹅有限公司

Clean Design

支持Jack马,我也觉得这小伙厉害。

天上都是牛在飞!

Pony马, 企鹅有限公司

这小伙很不错!

吹牛很666的水平,像我。

Jack马, 宇宙有限公司

Avada版本

适用:Avada5.2.2