轻站首页   >   博客首页   >   栏目首页   >   服务列表模块样式选择与设置

服务列表模块样式选择与设置

2024-09-13 13:55:31


小程序的兴起从当年的跳跳游戏小程序,发展到如此各大企业都建立起他们企业的小程序,利用用户基数巨大的特点,开展着各自的小程序营销。从目前的情况来看,小程序营销的热度还没减少,因此如果您想制作一个小程序进行营销,完全是一个明智之举。在进行小程序制作的时候,参考一部分小程序案例可以帮助你从中吸取相关的经验,取长补短。下面小编将给你介绍小程序制作中,服务列表模块的展示服务,可以让您了解到该模块能展示出怎么样的效果。

  



一、模块编辑设置


1. 标题栏:

点击表示编辑服务列表的“铅笔”图标,在右侧的面板中,点击基础,在模块名称栏目中,点击隐藏左侧的方块即为隐藏,如果不做操作即表示显示。如需修改,可在已填写“服务列表”处,进行删除并填写新名称。

微信小程序制作标题栏设置


2. 查看全部

  点击表示编辑服务列表,在右侧面板中,点击样式-常规,在查看全部方面,点击相应按钮可设置为默认或隐藏,默认即为显示。当查看全部呈显示状态时,点击“查看全部”的按钮,页面会跳转到服务列表筛选页,如果选择隐藏,则会关闭该入口。

小程序服务列表模块编辑

  

3. 背景色

  点击表示编辑服务列表的“铅笔”图标,在右侧面板中,点击样式-常规,在背景色方面,点击相应按钮可对背景色设置为默认或自定义。如选择默认,背景色为白色;如选择自定义,可选择多种背景色,另外还能对背景色透明度进行调整。

微信小程序背景色设计


4. 边框

  点击表示编辑服务列表的“铅笔”图标,在右侧面板中,点击样式-高级,在边框方面,点击相应按钮可对边框设置为显示或隐藏。但显示或隐藏对于图片的显示影响不大,如果选择显示,在观感上图片会比隐藏状态时的要小一点。

小程序开发边框设置


5. 阴影

  点击表示编辑服务列表的“铅笔”图标,在右侧面板中,点击样式-高级,在阴影方面,点击相应按钮可对阴影效果设置为图片、服务、无。

  如选择图片,阴影会出现在图片周围,而图片下的文字区域则不显示阴影;如选择服务,图片的周围不显示阴影,图片下的文字区域会显示阴影部分;如选择无,图片与文字区域都不会显示阴影。

微信小程序服务列表阴影


6. 高度

点击表示编辑服务列表的“铅笔”图标,在右侧面板中,点击样式-高级,在高度方面,可选择默认或自定义,如选择自定义便可修改显示内容的高度。

小程序服务列表高度设计


7. 图片缩放

  点击表示编辑服务列表的“铅笔”图标,在右侧面板中,点击样式-高级,在图片缩放方面,可选择服务的图片缩放方式,其中分别有拉伸、填充和不平铺三种不同效果。

微信小程序制作开发工具



二、服务列表模块样式选择


模块样式一:以图片主要展示内容,以向上滑动作为浏览方式的服务列表模块样式。

服务模块样式展示


模块样式2:图片与文字比例相近,以向左滑动作为浏览方式的服务列表模块样式。

微信小程序制作服务列表样式


模块样式3:文字为主,图片为辅,以向上滑动作为浏览方式的服务列表模块样式。

小程序开发服务列表样式


模块样式4:图片与文字比例相近,以向上滑动作为浏览方式的服务列表模块样式。

微信小程序制作开发


以上就是4种不同类型的服务列表模块样式的效果展示,希望能帮助到需要了解小程序制作服务列表模块样式的小伙伴们。


  • 注册小程序相关
  • 注册百度智能小程序
  • 注册抖音小程序
  • 授权小程序
  • 发布小程序
  • 小程序备案相关
  • 复制模版
  • 设计小程序
  • 文章
  • 服务
  • 视频
  • 表单
  • 信息库
  • 更多
  • 附近的小程序
  • 搜索小程序
  • 小程序跳转
  • 名片
  • 支付
  • 广告
  • 营销相关
  • 功能更新
  • 小程序制作
  • 小程序教程
  • 小程序创建常见问题
  • 小程序授权发布常见问题
  • 小程序跳转常见问题
  • 小程序传播常见问题