代码拉取完成,页面将自动刷新
⚠️ 此代码仓已归档。新地址请访问 StatusViewJS。| ⚠️ This repository has been archived. For the new address, please visit StatusViewJS.
自定义不同状态组件
包含两部份:
1、StatusLayout使用(layoutpage.hml)
<element name="statusLayout" src="../../common/statuslayout/statusLayout.hml"></element>
<div class="container">
<text class="btn" on:click="clickMethod">测试</text>
<div class="dataDiv" show="{{ showList }}">
<list class="todo-wraper">
<list-item for="{{ datas }}" class="todo-item">
<text class="todo-title">{{ $item }}</text>
</list-item>
</list>
</div>
<div show="{{ ! showList }}" class="statusLayoutDiv">
<statusLayout id="contentView" @event-type="clickMethod"></statusLayout>
</div>
</div>
@event-type是自定义事件,格式固定; 在statusLayout.js中使用this.$emit('eventType')即可实现掉用clickMethod
在layoutpage.js中, var statusLayout = that.$child("contentView") 获取statuslayout的组件对象进行操作
2、StatusView使用(viewpage.hml)
<element name="statusView" src="../../common/statusview/statusView.hml"></element>
<div class="statusViewDiv">
<statusView id="contentView"></statusView>
</div>
在js文件中,var statusview = this.$child("contentView")获取组件,实现按钮切换组件动画。
SDK 6+
Copyright (c) 2021 shanghaozhi
StatusViewJS is licensed under Mulan PSL v2.
You can use this software according to the terms and conditions of the Mulan PSL v2.
You may obtain a copy of Mulan PSL v2 at:
http://license.coscl.org.cn/MulanPSL2
THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
See the Mulan PSL v2 for more details.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。