海报轮播常用面板设置

  1. 内容模式,决定海报展示方式,图片轮播则在指定高度内进行图片切换,单列图片,则往下输出图片。
  2. 轮播方式,可设置手动或者自动
  3. 圆点显示隐藏,轮播模式底部圆点显示隐藏
  4. 单图间距,单列图片模式下显示,可设置每个图片底部边距,第一张图片没有底部边距
  5. 海报高度,限制模块显示高度,不影响单列图片高度
  6. 图片组数据,链接和图片地址设置
  7. 底部边距,整个模块的底部边距设置,默认16
  8. 自定义下边距高度,底部边距选择自定义时才显示

>>>>完整实例

海报轮播常用面板设置
 <dataDefine name="mk1_1" type="radio" description="内容模式" propertyName="内容模式" isNull="true">
    <config type="sync">
        <data text="图片轮播" value="1" defaultSelect="true" />
        <data text="单列图片" value="2" defaultSelect="false" />
    config>
dataDefine>

海报轮播常用面板设置
  <dataDefine name="mk1_3" type="radio" description="轮播方式" propertyName="轮播方式" isNull="true"  refer="mk1_1:1">
    <config type="sync">
        <data text="自动轮播" value="1" defaultSelect="true" />
        <data text="手指滑动" value="2" defaultSelect="false" />
    config>
dataDefine>

海报轮播常用面板设置
 <dataDefine name="mk1_2" type="radio" description="底部圆点显示隐藏" propertyName="底部圆点显示隐藏" isNull="true" refer="mk1_1:1">
    <config type="sync">
        <data text="显示" value="1" defaultSelect="true" />
        <data text="隐藏" value="0" defaultSelect="false" />
    config>
dataDefine>

海报轮播常用面板设置
<dataDefine name="mk1_5" type="text" propertyName="单列图片间距(默认:0)" contentSize="10" isNull="true" refer="mk1_1:2"/> 

海报轮播常用面板设置
<dataDefine name="mk1_4" type="text" description="海报高度" contentSize="20" propertyName="海报高度[设置和图片一样高度]" isNull="true" />

海报轮播常用面板设置
 <dataDefine name="banner_array" type="jsonArray" min="1" isNull="true"
    max="10" propertyName="图片设置">
    <param name="mk_image" type="image" description="请输入图片url" isNull="true"
        width="640"  propertyName="上传图片(宽640,高自定义)" />
    <param name="mk_url" type="url" description="请输入跳转页面url"
            validateType="taokeurl||wirelessurl" isNull="true" propertyName="链接" />
dataDefine>

海报轮播常用面板设置
<dataDefine name="mk1_End_height" type="select"  description="边距" propertyName="模块下边距" isNull="true">
    <config type="sync">
        <data text="8" value="8" defaultSelect="false" />
        <data text="16" value="16" defaultSelect="true" />
        <data text="24" value="24" defaultSelect="false" />
        <data text="32" value="32" defaultSelect="false" />
        <data text="40" value="40" defaultSelect="false" />
        <data text="48" value="48" defaultSelect="false" />
        <data text="56" value="56" defaultSelect="false" />
        <data text="自定义下边距" value="1" defaultSelect="false" />
        <data text="无" value="0" defaultSelect="false" />
    config>
dataDefine>

海报轮播常用面板设置
<dataDefine name="mk1_End_diy_height" type="text" description="自定义下边距高度" propertyName="自定义下边距高度" contentSize="6" isNull="true" refer="mk1_End_height:1"/>
dataDefines>

Original: https://www.cnblogs.com/tinyphp/p/13815983.html
Author: tinyphp
Title: 海报轮播常用面板设置

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/553713/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球