商业Java版 ThinkInShop

  1. 主页
  2. 文档
  3. 商业Java版 ThinkInShop
  4. 操作手册
  5. 2.9.6.10 DIY模板新增搜索组件

2.9.6.10 DIY模板新增搜索组件

在DIY模板->编辑模板【基础组件】列表界面中,拖动“搜索”组件至手机预览图界面或单击基础组件下【搜索】组件,在搜索设置区域:上传图片;保存成功,该DIY模板新增搜索组件。

如图所示:.9.6.10

说明:

  • 样式选择:选择搜索栏呈现样式;
  1. 样式1:只有搜索框与个人消息展示的呈现;
  2. 样式2:比样式1多一张可供上传的图片;
  3. 样式3:比样式1多一个地址展示(需要对接腾讯地图才会有实际的定位效果);
  • 样式选择:选择搜索栏呈现样式;
  • 背景颜色:可配置搜索整个组件的左右背景颜色;
  • 是否显示消息:控制个人消息图标是否展示;
  • 框体样式:配置搜索框是圆角或者直角;
  • 文本位置:定义搜索文本居中还是靠左;
  • 页面间距:搜索组件与上一个组件或屏幕顶部的距离,默认0px,最大100px;
  • 搜索框可以添加多个,在模板中的第一个组件为搜索组件组件时,此搜索组件具有移动前端悬浮置顶的效果,其余搜索组件无此展示效果;