首页 > 微信 > 详细

全栈开发工程师微信小程序-上(中)

时间:2019-01-12 00:56:53      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:play   ext   属性设置   class   点赞   var   手指   title   size   

技术分享图片

全栈开发工程师微信小程序-上(中)

width: 750rpx;

750rpx代表与屏幕等宽,rpx的缩写responsive pixel,这个单位是可以根据屏幕大小进行自适应调整的像素单位.

小程序规定屏幕的宽度为750.iPhone6的屏幕宽度为375px,共有750个物理像素,750rpx=375px=750物理像素.1rpx=0.5px=1物理像素.

绝对定位

position: absolute;

相对于父容器进行绝对定位.

tabBar用于设置小程序底部的导航栏.
color代表tabBar默认的文本颜色.
selectedColor是当前tab被选中的文本颜色.
borderStyle是上边框颜色-whiteblack
backgroundColortabBar的背景底色.
listtab的集合.
pagePath是页面路径.
iconPath是默认的常态图标.
selectedIconPath是选中时的图标.

importinclude

<import src="template.wxml">

include的引用是将目标文件的代码复制到include标签所在的位置.

concat会将两个或多个数组合并为一个数组.

scroll-view是可滚动视图容器的组件,scroll-y代表竖向滚动,lower-threshold代表距离底部多远.

let app = getApp()

调用图像预览接口

previewImage(event){
 wx.previewImage({
  urls:
 })
}

new Date() 返回当前时间.

getTime() 返回时间的毫秒.

// 下拉
{
 "enablePullDownRefresh": true
}

wx:if条件

<text wx:if="{{!item.image}}">{{item.text}}</text>

let是块级作用域声明符,var是声明的变量仅在当前代码块中有效.

navigator组件

navigate: 保留当前页面
redirect: 关闭当前页面
switchTab: 跳转到tabBar页面
reLaunch: 关闭