Web、Wap前端框架
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Css
Font
Image
Js
Test
demo
icon
.DS_Store
README.md

README.md

SUI

Web移动端前端框架

目录

  • Ajax请求
    • Ajax
    sui.ajax({
      method:'post', 		// 可选 string 默认为Get
      url:'http://www.baidu.com', 	// 必填 string
      data:{
        a:1,
        b:1
      },				// 必填 string|json Ajax请求数据
      dataType:'json', 		// 可选 json|string 默认string
      success:function(res){
        // event
      },
      error:function(err){
        // error
      }
    })
    
  • 跳转方式
    • [class=goto]链接跳转
    HTML: (巴拉拉能量遭到黑暗能量袭击,出了点问题,修复中...)
    <p class="goto" href="http://www.baidu.com">巴拉拉能量,跳转百度</p>
    
  • 框架事件
    • multipleClick 多元素点击事件
    sui.multipleClick({
        obj:document.querySelectorAll(".class"),
        event:function(i,that){
        	// event
        }
    })
    
    • toEnd 触底事件
    // 基础触低事件 一秒执行一次success函数 防多次触发
    sui.toEnd({
        success:function(){
            // event
        }
    })
    
    • multipleEvent (Tap、Longtap)
    sui.multipleEvent({
      obj:document.querySelectorAll(".class"),
      type:'tap', // 可选 string 默认click事件 click|tap|longtap,
      event:function(i,that){
        // event
      }
    })
    
  • UI组件
    • alert (弹窗组件)
    sui.alert({
        tit:'提示', //默认提示
        cont:'提示内容', //默认为空
        buttname:'确定', //默认为确定
        success:function(){
          // event
        }
    })
    
    • toast (吐丝提示组件)
    sui.toast({
    	text:'Something'
    })
    
    • showPic (大图显示组件)
    sui.showPic({
    	img:'./img.jpg'
    })
    
    • actionSheet (上拉多选组件)
    sui.actionSheet({
    	data:["选项一","选项二","选项三"],
    	buttname:'取消', //默认取消
    	timeout:1000, // int 默认1000 组件退出过渡时间
    	success:function(s){
    		console.log('选择第'+s.i+'个\''+s.data+'\'选项');
    	}
    })