1. 复制library下mdinput文件夹到自己的项目指定目录下 

2. 在需要使用mdinput的页面的.wxml文件中导入mdinput模板，并在页面的js文件中引入mdinput.js  

3. 在app.wxss全局样式中导入的mdinput样式 

  在当前页面的page.data中配置mdinput组件样式以及初始数据，数据是以数组的形式存在，有多少个mdinput模板，数组的长度即是该值。 
  如： 

data:{
    inputs:[
      {
      mdInput:{
	mdi_num_range:'20',
	mdi_float_label:'Simple Float Label', 
	style_mdi_border_focus:'border-bottom:1px solid blue;',
	style_mdi_float_up:'color:blue;',
	hideFooter:'true',
	onMDInput:'onColumn0MDInput',
	onMDIBlur:'onColumn0MDIBlur'
      }

    }
      ,
       {
      mdInput:{
	mdi_num_input:0,
	mdi_num_range:'8',
	mdi_float_label:'Simple Max Charactors', 
	style_mdi_border_focus:'border-bottom:1px solid green;',
	style_mdi_float_up:'color:green;',
	style_mdi_number_inputting:'color:green;',
	style_mdi_number_overflow:'color:red;',
	style_mdi_number_range:'color:green;',
	hideHelper:'true',
	onMDInput:'onColumn1MDInput',
	onMDIBlur:'onColumn1MDIBlur'
      }

    }
    ,{
	mdInput:{
	mdi_float_label:'Range of Charactors And Error Information', 
	mdi_helper_text_tip:'',
	mdi_helper_text_error:'message of error',
	mdi_num_input:0,
	mdi_num_range:'6-16',
	style_mdi_border_focus:'border-bottom:1px solid deepskyblue;',
	style_mdi_float_up:'color:deepskyblue;',
	style_mdi_number_inputting:'color:deepskyblue;',
	style_mdi_number_overflow:'color:red;',
	style_mdi_helper_shown:'color:red;',
	style_mdi_number_range:'color:deepskyblue;',
	isHelperShowBefore:false,
	onMDInput:'onColumn3MDInput',
	onMDIBlur:'onColumn3MDIBlur'

      }
    }

    ,
    {
      mdInput:{
	mdi_float_label:'Keep the tip of input', 
	mdi_helper_text_error:'always show tips',
	mdi_helper_text_tip:'always show tips',
	mdi_num_input:0,
	mdi_num_range:'12',
	style_mdi_border_focus:'border-bottom:1px solid plum;',
	style_mdi_float_up:'color:plum;',
	style_mdi_number_inputting:'color:plum;',
	style_mdi_number_overflow:'color:red;',
	style_mdi_helper_shown:'color:grey;',
	style_mdi_helper_error:'color:grey;',
	style_mdi_number_range:'color:plum;',
	isHelperShowBefore:true,
	onMDInput:'onColumn4MDInput',
	onMDIBlur:'onColumn4MDIBlur'
      }

    }]

onLoad:function(options){
		// 生命周期函数--监听页面加载
   		MDInput.putData(this.data.inputs)
},

1. 复制library下snackbar文件夹到自己的项目指定目录下
2. 在需要使用snackbar的页面的.wxml文件中导入snackbar模板，并在页面的js文件中引入mdinput.js 
3. 在app.wxss全局样式中导入的snackbar样式
配置完以上三步，即可开始调用snackbar，具体如下：
SnackBar.getInstance().make({
        snack_title:"I have message and action",
        snack_action: 'cancel',
        onActionClick: "onActionClick",
        duration:2000,
        style_snack_action:'display:block;color:red;',
        style_snackbar:'background-color:deepskyblue;'
    })

<tr>  

<tr>  

<tr>  

<tr>  

  <tr>  

 <tr>