首页 > 微信 > 详细

微信小程序 入门

时间:2018-06-12 23:19:04      阅读:180      评论:0      收藏:0      [点我收藏+]

目录结构:

  •  app.json  .小程序的全局配置 

  1. pages:  当前小程序所有页面路径。
  2. window:小程序所有页面的顶部背景颜色,文字颜色定义在这里。
  3. tabBar:  设置底部 tab 
  4. networkTimeout:设置网络超时时间
  5. debug:设置是否开启 debug 模式
  • project.config.json .工具配置(开发项目时的个性化配置)

  • app.js 小程序入口

组件:

  1.scroll-view   

   enable-back-to-top 属性在开发者工具中没有体现,手机预览有作用。

   style="height:{{windowHeight}}" 必须设置高度值不能用百分比,采用js获取视口高度 getSystemInfo函数

     js文件:wx.getSystemInfo({
        success: function (res) {
                self.setData({
                    windowHeight: res.windowHeight + "px",
               })
           }  
       })
 2.view
        列表循环实现:
<view wx:for="{{songList}}" wx:key="songName" class=‘flex-wrp bc_songList‘ style="background-color:{{index%2==0?‘‘:‘wheat‘}}"> //根据行号 动态生成行背景颜色
<view>
  <image style=‘width:32px;height:32px‘ mode="aspectFit" src="/static/icons/songList.png"></image>
</view>
<view>{{index+1}}.</view>
<view>{{item.songName}}</view>
</view>
框架:
    wx:if="{{item.play==false}}"   wx:else   //条件是true是false 一定要写(坑)
 
 
 

 

微信小程序 入门

原文:https://www.cnblogs.com/zhuzy/p/9136489.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!