浩康建站品牌

13518219792

创新互联百度小程序教程：gradient-collapse 带渐变的展开收起

  • gradient-collapse 带渐变的展开收起
    • 属性说明
    • 示例
      • 代码示例

    gradient-collapse 带渐变的展开收起

    解释：带渐变的展开收起组件，可自定义组件内容( slot 插入)，并在收起的内容最后提供渐变效果。

    属性说明

    height

    String

    否

    120px

    组件内容的可见的高度

    expand

    Boolean

    否

    false

    组件初始状态是否展开（默认为收起状态）

    iconSize

    String

    否

    16px

    查看更多 / 收起文字后向上 / 向下图标的大小

    iconColor

    String

    否

    #999

    展开 / 收起文字后向上 / 向下图标的颜色

    show-button

    Boolean

    否

    true

    是否有展开 / 收起按钮

    button-text

    Array

    否

    [‘查看更多’, ‘收起’]

    展开 / 收起的文案

    is-fade-out

    Boolean

    否

    true

    底部是否有渐隐的效果,需要配合 show-button：true 使用

    gradient-collapse-class

    String

    否

    组件的外部样式类，用于修改组件最外层样式

    gradient-content-class

    String

    否

    组件外部样式类，用于修改组件内容区样式

    gradient-collapse-btn-class

    String

    否

    组件外部样式类，用于修改组件展开 / 收起按钮样式

    gradient-collapse-btn-text-class

    String

    否

    组件外部样式类，用于修改展开 / 收起按钮文字样式

    bindexpand

    EventHandle

    否

    点击展开 / 收起按钮时触发，用于获取组件展开 / 收起状态，需要配合show-button：true使用

    属性名类型必填默认值说明

    7c1b002a171a4a7b1c0d17ec087a2e131614653085676

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例

    • SWAN
    • CSS
    • JSON
     
 
 
        
  
  
    1. 默认状态
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  内容显示区
      5.   
  
  
    5.  
      6.   
  
  
      7.   
  
  
    7. 无收起样式
      8.   
  
  
    8.  
      9.   
  
  
    9.  is-fade-out="{{false}}"
      10.   
  
  
    10.  show-button="{{false}}">
      11.   
  
  
    11.  内容显示区
      12.   
  
  
    12.  
      13.   
  
  
      14.

    当前题目：创新互联百度小程序教程：gradient-collapse 带渐变的展开收起
    网站地址：http://www.gxwzsj.com/article/ccidphp.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

    其他资讯

    行业动态

    企业网站建设的重要性！

    现在虽然是移动互联网时代，但企业网站依然重要，包含PC站点，移动站。可以说企业网站关系企业的未来发展和前途，尤其对中小企业更是如此，一些中小企业老板，对自己的名片很在乎，因为这是个门面。...

    服务项目

    联系吧 在百度地图上找到我们

    电话：13518219792

    如遇占线或暂未接听请拨：136xxx98888

    业务咨询 技术咨询 售后服务
    网站设计
    网站设计公司
    温江网站设计
    企业网站设计
    专业网站设计
    网站制作
    H5网站制作
    网站制作公司
    成都商城网站制作
    网站制作报价
    联系我们
    电话：13518219792
    邮箱：631063699@qq.com
    地址：成都青羊区锦天国际1002号
    网址：www.gxwzsj.com
    网站建设
    自适应网站建设
    营销网站建设
    企业网站建设
    泸州网站建设

    微信二维码

    Copyright © 2013-2025 www.gxwzsj.com 浩康建站品牌广西站 QQ：244261566 版权所有 备案号：蜀ICP备17025366号