鸿蒙应用开发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