发表于: 2019-12-27 22:46:02

0 1392


今日完成的事

今天继续学习小程序

Swiper轮播图组件

Swiper里面只能嵌套swiper-item

                                             

但是swiper-item里面可以嵌套其他组件

宽高要设置在容器swiper

要是需要指示点需要在swiper设置自动轮播

For循环,小程序的for循环用的是wx.for

小程序使用的单位叫做rpx,他是根据手机大小的不同进行自适应,在iphone61rpx=0.5pxiphone51rpx=0.42pxiphone6plus 1rpx=0.552px

小程序样式写在wxss里面,或者内联样式

image里有个要注意的地方,小程序里图片高度自适应不能写auto没有图片要想实现图片宽度自适应需要用到mode的属性值

这里使用widthFlx

图片出现了

获取用户的信息用open-data标签

 

获取用户授权

button摁扭来获取用户授权,给button一个open-data属性

判断用户是否授权

这里用到了wx.getUserInfo方法,

如果没有被授权,获取到的authSetting为空

授权之后authSetting里面的scope.userInfotrue

小程序事件绑定

小程序事件绑定分为冒泡的和非冒泡的,冒泡的用bind非冒泡的用catch

小程序主要事件

传递数据需要用到data-info

currentTargetdatasetinfo里显示出来

传递数据

小程序路由有4种方法

wx.switchTab: 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

wx.reLaunch: 关闭所有页面,打开到应用内的某个页面

wx.redirectTo: 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

wx.navigateTo:保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

Wx.navigateBack: 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。

假如我要跳转到logs这个页面

 

设置点击事件

点击完之后跳转

点击这个箭头

可以返回

但是如果用了

设置tabBar

taBarapp.jiso里面设置

List表示有几个页,一般2-5

Pagepath:跳转到哪也

Text:文字描述

Iconpath:图标

selectedIconPath图标

taBar至少要有两页

路由要换成switchTab专属的路由

点击后跳转

设置标头

也是在app.json里面的window里面配置

"navigationBarBackgroundColor"背景颜色只接受16进制,navigationBarTitleText,字体

navigationBarTextStyle字体颜色

 

app配置是全局配置,也可以在页面单独配置



返回列表 返回列表
评论

    分享到