首页 > 编程知识 正文

实训第二天

时间:2023-05-06 00:46:47 阅读:247361 作者:3218

作业详情:链接:https://pan.baidu.com/s/19yBTE3siA2Ok1X4vCdYGfQ 
提取码:meid 

利用组件swiper滑块视图容器在首页顶部设置滑块视图。其中只可放置swiper-item组件,否则会导致未定义的行为。

属性类型默认值必填说明最低版本indicator-dotsbooleanfalse否是否显示面板指示点1.0.0indicator-colorcolorrgba(0, 0, 0, .3)否指示点颜色1.1.0indicator-active-colorcolor#000000否当前选中的指示点颜色1.1.0autoplaybooleanfalse否是否自动切换1.0.0currentnumber0否当前所在滑块的 index1.0.0intervalnumber5000否自动切换时间间隔1.0.0durationnumber500否滑动动画时长1.0.0circularbooleanfalse否是否采用衔接滑动1.0.0verticalbooleanfalse否滑动方向是否为纵向1.0.0previous-marginstring"0px"否前边距,可用于露出前一项的一小部分,接受 px 和 rpx 值1.9.0next-marginstring"0px"否后边距,可用于露出后一项的一小部分,接受 px 和 rpx 值1.9.0display-multiple-itemsnumber1否同时显示的滑块数量1.9.0skip-hidden-item-layoutbooleanfalse否是否跳过未显示的滑块布局,设为 true 可优化复杂情况下的滑动性能,但会丢失隐藏状态滑块的布局信息1.9.0easing-functionstring"default"否指定 swiper 切换缓动动画类型2.6.5bindchangeeventhandle 否current 改变时会触发 change 事件,event.detail = {current, source}1.0.0bindtransitioneventhandle 否swiper-item 的位置发生改变时会触发 transition 事件,event.detail = {dx: dx, dy: dy}2.4.3bindanimationfinisheventhandle 否动画结束时会触发 animationfinish 事件,event.detail 同上1.9.0

easing-function 的合法值

值说明最低版本default默认缓动函数 linear线性动画 easeInCubic缓入动画 easeOutCubic缓出动画 

easeInOutCubic

缓入缓出动画

然后再另一个页面map利用组件map来显示地图,用wx.getLocation()方法来修改经纬度。

地图。

个性化地图能力可在小程序后台“开发-开发者工具-腾讯位置服务”申请开通,详见《小程序个性地图使用指南》。 小程序内地图组件应使用同一 subkey,可通过 layer-style(地图官网设置的样式 style 编号)属性选择不同的底图风格。 组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。

属性类型默认值必填说明最低版本longitudenumber 是中心经度1.0.0latitudenumber 是中心纬度1.0.0scalenumber16否缩放级别,取值范围为3-201.0.0markersArray.<marker> 否标记点1.0.0coversArray.<cover> 否即将移除,请使用 markers1.0.0polylineArray.<polyline> 否路线1.0.0circlesArray.<circle> 否圆1.0.0controlsArray.<control> 否控件(即将废弃,建议使用 cover-view 代替)1.0.0include-pointsArray.<point> 否缩放视野以包含所有给定的坐标点1.0.0show-locationbooleanfalse否显示带有方向的当前定位点1.0.0polygonsArray.<polygon> 否多边形2.3.0subkeystring 否个性化地图使用的key2.3.0layer-stylenumber1否个性化地图配置的 style,不支持动态修改 rotatenumber0否旋转角度,范围 0 ~ 360, 地图正北和设备 y 轴角度的夹角2.5.0skewnumber0否倾斜角度,范围 0 ~ 40 , 关于 z 轴的倾角2.5.0enable-3Dbooleanfalse否展示3D楼块(工具暂不支持)2.3.0show-compassbooleanfalse否显示指南针2.3.0enable-overlookingbooleanfalse否开启俯视2.3.0enable-zoombooleantrue否是否支持缩放2.3.0enable-scrollbooleantrue否是否支持拖动2.3.0enable-rotatebooleanfalse否是否支持旋转2.3.0enable-satellitebooleanfalse否是否开启卫星图2.7.0enable-trafficbooleanfalse否是否开启实时路况2.7.0bindtapeventhandle 否点击地图时触发1.0.0bindmarkertapeventhandle 否点击标记点时触发,会返回marker的id1.0.0bindcontroltapeventhandle 否点击控件时触发,会返回control的id1.0.0bindcallouttapeventhandle 否点击标记点对应的气泡时触发,会返回marker的id1.2.0bindupdatedeventhandle 否在地图渲染更新完成时触发1.6.0bindregionchangeeventhandle 否视野发生变化时触发2.3.0bindpoitapeventhandle 否点击地图poi点时触发2.3.0

在页面我的利用open-data来获取用户的头像和用户名再利用wx.getSystemInfo()来获取设备信息。

open-data的用法:

用于展示微信开放的数据。

属性类型默认值必填说明最低版本typestring 否开放数据类型1.4.0open-gidstring 否当 type="groupName" 时生效, 群id1.4.0langstringen否当 type="user*" 时生效,以哪种语言展示 userInfo1.4.0

type 的合法值

值说明最低版本groupName拉取群名称1.4.0userNickName用户昵称1.9.90userAvatarUrl用户头像1.9.90userGender用户性别1.9.90userCity用户所在城市1.9.90userProvince用户所在省份1.9.90userCountry用户所在国家1.9.90userLanguage用户的语言1.9.90

lang 的合法值

值说明最低版本en英文 zh_CN简体中文 zh_TW繁体中文 

wx.getSystemInfo(Object object)

获取系统信息

参数 Object object 属性类型默认值必填说明successfunction 否接口调用成功的回调函数failfunction 否接口调用失败的回调函数completefunction 否接口调用结束的回调函数(调用成功、失败都会执行)

object.success 回调函数

参数

Object res

属性类型说明最低版本brandstring设备品牌1.5.0modelstring设备型号 pixelRationumber设备像素比 screenWidthnumber屏幕宽度,单位px1.1.0screenHeightnumber屏幕高度,单位px1.1.0windowWidthnumber可使用窗口宽度,单位px windowHeightnumber可使用窗口高度,单位px statusBarHeightnumber状态栏的高度,单位px1.9.0languagestring微信设置的语言 versionstring微信版本号 systemstring操作系统及版本 platformstring客户端平台 fontSizeSettingnumber用户字体大小(单位px)。以微信客户端「我-设置-通用-字体大小」中的设置为准1.5.0SDKVersionstring客户端基础库版本1.1.0benchmarkLevelnumber设备性能等级(仅Android小游戏)。取值为:-2 或 0(该设备无法运行小游戏),-1(性能未知),>=1(设备性能值,该值越高,设备性能越好,目前最高不到50)1.8.0albumAuthorizedboolean允许微信使用相册的开关(仅 iOS 有效)2.6.0cameraAuthorizedboolean允许微信使用摄像头的开关2.6.0locationAuthorizedboolean允许微信使用定位的开关2.6.0microphoneAuthorizedboolean允许微信使用麦克风的开关2.6.0notificationAuthorizedboolean允许微信通知的开关2.6.0notificationAlertAuthorizedboolean允许微信通知带有提醒的开关(仅 iOS 有效)2.6.0notificationBadgeAuthorizedboolean允许微信通知带有标记的开关(仅 iOS 有效)2.6.0notificationSoundAuthorizedboolean允许微信通知带有声音的开关(仅 iOS 有效)2.6.0bluetoothEnabledboolean蓝牙的系统开关2.6.0locationEnabledboolean地理位置的系统开关2.6.0wifiEnabledbooleanWi-Fi 的系统开关2.6.0safeAreaObject在竖屏正方向下的安全区域2.7.0

res.safeArea 的结构

属性类型说明leftnumber安全区域左上角横坐标rightnumber安全区域右下角横坐标topnumber安全区域左上角纵坐标bottomnumber安全区域右下角纵坐标widthnumber安全区域的宽度,单位逻辑像素heightnumber安全区域的高度,单位逻辑像素

前端node Session和JWT鉴权登录怎么实现JavaScript事件循环的概念是什么

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。