微信小程序把玩(二十一)switch组件

原文:微信小程序把玩(二十一)switch组件

这里写图片描述

switch开关组件使用主要属性:

这里写图片描述

wxml

<!--switch类型开关--><view>switch类型开关</view><switch type="switch" checked="true" bindchange="listenerSwitch"/><!--checkbox类型开关--><view>checkbox类型开关</view><switch type="checkbox" bindchange="listenerCheckboxSwitch" />

js

Page({ data:{ // text:"这是一个页面" }, /** * switch开关监听 */ listenerSwitch: function(e) { console.log(‘switch类型开关当前状态-----‘, e.detail.value); }, /** * checkbox类型开关监听 */ listenerCheckboxSwitch: function(e) { console.log(‘checkbox类型开关当前状态-----‘, e.detail.value) }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 }})

$(function () {
$(‘pre.prettyprint code‘).each(function () {
var lines = $(this).text().split(‘\n‘).length;
var $numbering = $(‘

    ‘).addClass(‘pre-numbering‘).hide();
    $(this).addClass(‘has-numbering‘).parent().append($numbering);
    for (i = 1; i <= lines; i++) {
    $numbering.append($(‘

  • ‘).text(i));
    };
    $numbering.fadeIn(1700);
    });
    });

相关文章