移动端web初体验

使用mui项目模板，用APP视角预览。

  1 
  2 
  3 
  4     "utf-8">
  5     "viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6     
  7     
  8     "css/mui.min.css" rel="stylesheet"/>
  9     
 12 
 13 
 14     
class="mui-bar mui-bar-nav">
 15         class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
 16         
class="mui-title">折叠面板
 17     
 18     
class="mui-content">
 19         
class="mui-table-view">
 20             
class="mui-table-view-cell mui-collapse mui-active">
 21                 class="mui-navigate-right">面板1
 22                 
class="mui-collapse-content">
 23                     
面板1子内容
 24                 
 25             
 26             
class="mui-table-view-cell mui-collapse">
 27                 class="mui-navigate-right">面板2
 28                 
class="mui-collapse-content">
 29                     
面板2子内容
 30                 
 31             
 32         
 33     
 34     
class="mui-content">
 35         "button" class="mui-btn">点击这里
 36         "button" class="mui-btn mui-btn-blue"  onclick="showMenu();">点击这里
 37         "button" class="mui-btn mui-btn-outlined mui-btn-blue my">点击这里
 38     
 39     
"menus_1" class="mui-popover mui-popover-bottom mui-popover-action">
 40         
class="mui-table-view">
 41             
class="mui-table-view-cell">
 42                 "#">菜单一
 43             
 44             
class="mui-table-view-cell">
 45                 "#">菜单二
 46             
 47         
 48         
class="mui-table-view">
 49             
class="mui-table-view-cell">
 50                 "#menus_1">取消
 51             
 52         
 53     
 54     
class="mui-content">
 55         
class="mui-input-row mui-checkbox mui-left">
 56             运动
 57             "checkbox1" value="运动" type="checkbox" />
 58         
 59         
class="mui-input-row mui-checkbox mui-left">
 60             看书
 61             "checkbox1" value="看书" type="checkbox" />
 62         
 63     
 64     
class="mui-content">
 65         
class="mui-input-row mui-radio mui-left">
 66             运动
 67             "checkbox1" value="运动" type="radio" class="rds" />
 68         
 69         
class="mui-input-row mui-radio mui-left">
 70             看书
 71             "checkbox1" value="看书" type="radio" class="rds"/>
 72         
 73     
 74     "button" class="mui-btn-blue" onclick="getVals();">获取当前值
 75     
 99 
100