html页面tableview,tableviews-list.html

智能饮水

设备自动控制

饮水槽Y001:关闭

饮水槽Y002:开启

<

设备手动控制

• 饮水槽Y001

  • 加热
  • 注水
  • 排水

• 饮水槽Y002

  • 加热
  • 注水
  • 排水

mui.init({

swipeBack: true //启用右滑关闭功能

});

mui('.mui-input-group').on('change', 'input', function() {

var value = this.checked?"开启":"关闭";

var eid = this.attributes['id'].value;

var color_h = this.checked?"green":"red";

var h = "饮水槽"+eid+":"+value+""

this.previousElementSibling.innerHTML = h;

});

/*window.addEventListener('toggle', function(event) {

var isActive = event.detail.isActive;

var table = document.querySelector('.mui-table-view');

var card = document.querySelector('.mui-card');

if(isActive) {

card.appendChild(table);

card.style.display = '';

} else {

var content = document.querySelector('.mui-content');

content.insertBefore(table, card);

card.style.display = 'none';

}

});*/

一键复制

编辑

Web IDE

原始数据

按行查看

历史