微信小程序实现“鲜肉APP”首页效果

项目地址https://github.com/Eastwu5788/WXAPP 如果您觉得不错，记得给一个star

最近微信小程序比较火，正好昨天弄到了破解版微信web开发工具，所以今天正好试试手。由于我是做ios的，所以对H5和CSS方面不太了解，代码里面写的丑的地方欢迎吐槽。

1.效果演示

WXEXE.gif

2.微信小程序介绍

微信小程序的一个页面主要分成三个部分.js文件.wxml文件和.wxss文件

• . js文件
  .js文件相当于ios中的一个控制器，所有的业务逻辑操作都放在该文件中完成，xml页面中显示的数据都从该文件中传入。
• .wxml文件
  .wxml文件用于写HTML5代码，也就是用来页面布局。
• .wxss文件
  .wxss文件则是用来处理所有的css样式信息

3.代码介绍

页面布局代码，由于开发工具的所有接口访问有限制，所以数据都写在了本地，但是最新的破解版开发工具已经处理的这个问题，我也会尽快将死数据改成网络请求下来的数据

 
    
    
    
      
        
          
        
      
     
    
    
    
    

    
     
        
          
          
          
          
          
              
               {{ item.nickname }} 
               {{ item.city_name }} 
          
          
          
          
    
        
    

    
    
       {{ invite.title }} 
      
       {{ invite.content }} 
       {{ invite.subcontent }} 
    

    
     
        
          
          
          
          
          
              
               {{ item.nickname }} 
               {{ item.city_name }}