分类
使用文档

WordPress小程序(WP-APP)-使用文档(26)-小程序文章底部工具栏设置

基本设置

可通过后台直接设置文章页面底部工具栏显示的组件和显示的样式,设置后前端小程序即时生效,无需重复上传前端代码再走审核流程。

预设项目包含如下5个可直接使用,这5个预设项目name的值为固定为comment_input,comment,favor,like,share不可更改,其他设置的值都可以按自己需求更改

{name:'comment_input',display:'说点什么...',icon:'write'}
{name:'comment',display:'评论',icon:'comment'}
{name:'favor',display:'收藏',icon:'favor',active_display:'已收藏',active_icon:'favorfill'}
{name:'like',display:'点赞',icon:'appreciate',active_display:'已点赞',active_icon:'appreciatefill'}
{name:'share',display:'分享',icon:'forward',active_icon:'forwardfill'}

设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行

name
用来区分项目
name值为comment_input 表示设置工具栏上的评论输入框
name值为comment 表示设置工具栏上的 “评论” 图标
name值为favor 表示设置工具栏上的 “收藏” 图标
name值为like 表示设置工具栏上的 “点赞” 图标
name值为share 表示设置工具栏上的 “分享” 图标

name为 favorlike 时,可单独设置激活后的显示文字active_display 和 激活后的显示图标 active_icon
name为 share 时,可单独设置激活后的显示图标 active_icon

dispaly
为显示的文字

icon
为显示的图标名称。(关于图标名称,可扫码打开demo小程序,“组件”菜单里查看所有图标样式及图标名称

样式设置

小程序前端文章底部工具栏各种样式效果可自由组合,自由设置各元素颜色,背景颜色(含透明度),满足个性化需求,可扫码打开demo版小程序在组件预览处参考设置的轮播图效果,以下是部分设置案例参考:

发表评论

邮箱地址不会被公开。 必填项已用*标注