WebApp(JqueryMobile) 实战(一)

最新推荐文章于 2024-07-14 12:56:18 发布

weixin_34270606

最新推荐文章于 2024-07-14 12:56:18 发布

阅读量267

点赞数

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/411160

版权

其实WebApp这个版块已经放置一段时间了，但是一直没有写文章，那是因为我还在学习中。今天的话，我们就来写一篇关于布局的，以前在没有BootStrap，Jquery EasyUI，Jquery Mobile之前不论是做web项目还是web 移动站点都是那么费劲，尤其是我这种学不会css的人，实在是搞不了前台。OK，废话不多说，我们来看一下今天要仿制的页面，手机头条网。

看到了吧，这个界面如果用BootStrap的话可能更简单一些，因为它是单纯的三列或者两列布局，利用Bootstrap的网格系统可以很好的布局出来。那今天的话还是用Jquery Mobile css。

首先看一下最顶端的头部，我的代码如下

 
    
         @section Header 
        
 
         { 
        
 
              
         < 
         div  
         data-role 
         = 
         "header"  
         data-theme 
         = 
         "f"  
         data-tap-toggle 
         = 
         "false"  
         data-position 
         = 
         "fixed"  
         data-fullscreen 
         = 
         "false" 
         > 
        
 
                  
         < 
         div  
         class 
         = 
         "ui-grid-b" 
         > 
        
 
                      
         < 
         div  
         class 
         = 
         "ui-block-a" 
         >< 
         img  
         class 
         = 
         "img-corner"  
         style 
         = 
         "padding:3px"  
         width 
        
 
  

weixin_34270606

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WebApp(JqueryMobile) 实战(一)

其实WebApp这个版块已经放置一段时间了，但是一直没有写文章，那是因为我还在学习中。今天的话，我们就来写一篇关于布局的，以前在没有BootStrap，Jquery EasyUI，Jquery Mobile之前不论是做web项目还是web 移动站点都是那么费劲，尤其是我这种学不会css的人，实在是搞不了前台。OK，废话不多说，我们来看一下今天要仿制的页面...
复制链接

扫一扫