鸿蒙应用开发JS-Panel组件体验分享 原创

发布于 2021-4-12 09:24
浏览
1收藏

显示效果:

  鸿蒙应用开发JS-Panel组件体验分享-开源基础软件社区

点击“点击这里”

  鸿蒙应用开发JS-Panel组件体验分享-开源基础软件社区

这个弹出的是可以滑动的

  鸿蒙应用开发JS-Panel组件体验分享-开源基础软件社区

点击“关闭”就可以撤去

  鸿蒙应用开发JS-Panel组件体验分享-开源基础软件社区

Hml文件中的代码

<div class="doc-page">
    <div class="btn-div">
        <button type="capsule" value="点击这里" onclick="showPanel"></button>
    </div>
    <panel id="simplepanel" type="foldable" mode="half" onsizechange="changeMode" miniheight="200px">
        <div class="panel-div">
            <div class="inner-txt">
                <text class="txt">可滑动的面板模式</text>
            </div>
            <div class="inner-btn">
                <button type="capsule" value="关闭" onclick="closePanel"></button>
            </div>
        </div>
    </panel>
</div>

完整代理地址:

https://gitee.com/jltfcloudcn/jump_to/tree/master/panel

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
标签
已于2021-4-30 17:32:06修改
收藏 1
回复
举报
回复
添加资源
添加资源将有机会获得更多曝光,你也可以直接关联已上传资源 去关联
    相关推荐