微魔方社区
登录
  • 社区首页
  • 网站首页
  • 帮助中心
  • 社区首页
  • 产品指南
  • 微魔方——列表组件
发表新帖 回复 返回列表
  • wemorefun 论坛管理员
    主题
    31
    帖子
    116
    微魔方——列表组件
    2514 1 楼主 发表于 2016-02-26 15:10:12

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。 您需要 登录 才可以下载或查看,没有帐号?立即注册

    列表是微魔方建站平台的重要组件,方便站长对栏目内容进行便捷的管理。通过列表,用户可以将文章或者产品内容以多种方式呈现在页面中。用户再页面上点击文章或产品列表内的标题,就可以进入该元素的详情页面。使用列表组件时需要先在内容管理下创建文章或者产品。具体操作流程请参考如何添加文章、如何添加产品。产品列表和文章列表使用方式一致,下面我们以文章列表为例,做一个详细介绍。

    首先打开微魔方设计器组件库,我们可以看到列表组件分类下有文字、图片、多图三种不同的列表,效果分别如下图所示,您可以根据自己的需要选择使用。


    QQ图片20160224172443.png


    文字列表:文字列表为纯文字显示文章标题的列表。目前支持两种样式:图标+标题+日期、栏目名称+标题+日期。您可以通过样式设置上面的切换按钮进行切换。两个样式的效果图如下:




    文字列表的其他样式设置包括:调整列表分页数量、是否显示分页、分页对齐方式、分割线设置、图标设置、列表字体样式、悬停字体样式、是否显示日期、日期字体样式设置等。设置方法请参考控件常用设置。


    QQ图片20160225143814.png


    如果您需要更改列表的内容,打开组件的设置面板,点击右侧侧边栏的“内容”标签,如下图。

    您可以通过选择文章的栏目、文章的推荐位标签来更改列表的内容。默认的列表组件选择了所有文章栏目,您可以移动鼠标至栏目标签,点击栏目后面的“×”,取消该条栏目的选中状态。您还可以更改列表内文章的排序方式,选择以发布时间还是点击率进行排序;“目标”是指点击列表内容时,是在新页面或者当前页面打开文章详情。


    QQ图片20160225144713.png


    点击“选择内容”按钮,进入如下图所示的选择界面,在这里您可以看到内容管理里面所添加所有文章和产品的栏目,通过勾选栏目后面的选择框,实现栏目的增删。点击第一行“所有文章栏目”后面的选择框,实现选中或者取消选中所有栏目的效果。特别提示的是文章和产品栏目,您只能选择一种,不支持混选。如果您先选择了文章栏目,然后选择了产品栏目,那么只有产品栏目会生效。我们以最后选择的栏目类别为准。


    QQ图片20160225144635.png


    点击“选择推荐”按钮,进入标签选择界面。需要注意的是您需要先选择文章或者产品的栏目,然后选择推荐位时才能看到文章或者产品的标签位。点击标签进行推荐位的选择或者取消选择。当您选择标签以后,列表内只显示所选栏目下,带有选中的标签的文章或者产品。


    QQ图片20160225155116.png


    微魔方设计器还提供了针对列表分页的样式设置,切换右侧标签页至“分页”,您可以对列表下方的分页栏进行设置。包括分页的文字样式、分页模块的背景、阴影、边框。点击上方的“默认”、“当前”、“悬停”标签进行切换,可分别设置这三种状态下的分页样式,具体的设置操作请参考组件常用设置。


    QQ图片20160225143930.png


    图片列表:图片列表的内容管理、分页管理的设置方式和文字列表相同,不再赘述。图片列表的样式设置面板,多出一个列表缩略图设置。调整图片的高宽值可以改变列表内图片的大小。如下图:


    QQ图片20160225163939.png


    多图列表:由图片加文章标题组成的列表,设置参考图片列表。


    QQ图片20160225170512.png


    收藏
    分享
    回复
    举报
验证码 换一张 发表回复
×
举报

请点击举报理由

确定
抱歉您尚未输入标题或用户名
© 2015 长沙企驰网络科技有限公司 版权所有 湘ICP备16000517号 技术支持: 微魔方