frozen ui前端框架怎么用

适用于使用手Q规范设计的Web页面，而针对非手Q规范的页面，可通过修改变量定制界面主题。

可以按需选择需要的组件，也可以采用cdn和combo的方式按需加载。

使用iconfont展示图标，包含了按钮，列表，表单，提示，d窗等常用组件，新增文本，布局，1px，rem，文字截断，占位，两端留白，两端对齐等解决方案，同时解决了手极端屏幕适配问题。

CSS使用模块化的样式命名和组织规范，使用sass编写css代码。

FrozenJS 是针对移动端开发的 js 组件库，其依赖 zepto.js 和 FrozenUI。

FrozenJS 包括： basic：FrozenJS 的一些基础功能，包括模板引擎、tap 支持等。

ui：主要是一些触屏常用的 UI 组件，包括 dialog 等。

effect：非常用的特效库，特殊场景使用到是可以单独调用。

兼容android 2.3 +，ios 4.0 + 。

数据主要是用mui 封装好的ajax获取json数据，然后用js拼接，把html代码加载到页面。

mui框架基于htm5plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型； 本着极简的设计原则，mui提供了mui.ajax方法，并在mui.ajax方法基础上，进一步简化出最常用的mui.get()、mui.getJSON()、mui.post()三个方法。

举个简单的例子：

 var address_url=htts+'mobile/index.php?act=member_address&op=address_list'     

  mui.post(address_url,{key:ukey},function(data){

               var  address_list=data.datas.address_list||{}

               

               for(var i=0i<address_list.lengthi++)

               { 

                if(address_id==address_list[i].address_id)

                {

                 address_html='<a  class="mui-navigate-right" onclick="add_new_address()">'

           address_html+='<span>姓名：'+address_list[i].true_name+'</span>'

           address_html+='<span class="xxdz">详细地址：'+address_list[i].area_info+' '+address_list[i].address+'</span>'

            address_html+='<span>联系电话：'+address_list[i].mob_phone+'</span>'

           address_html+='</a>'

           document.querySelector('#shrxx').innerHTML=address_html

                  document.querySelector('input[name="address_id"]').value=address_list[i].address_id

       document.querySelector('input[name="area_id"]').value=address_list[i].area_id

      document.querySelector('input[name="city_id"]').value=address_list[i].city_id

      

      

      offpay()

                }

               }

             

  },'json')

---