[文章]

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

2021-4-12 09:27:57  126 harmonyos
分享
0
显示效果:
图片1.png
点击“点击这里”
图片2.png
这个弹出的是可以滑动的
图片3.png
点击“关闭”就可以撤去
图片4.png
Hml文件中的代码
<div class="doc-page">
    <div class="btn-div">
        <button type="capsule" value="点击这里" onclick="showPanel"></button>
    </div>
    <panel id="simplepanel" type="foldable" mode="half" 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>
完整代理地址:

评论

您需要登录后才可以回帖 登录 | 注册

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
发文章
快速回复
扫一扫分享
返回顶部 返回列表