微信小程序_入门.pptxVIP

微信小程序入门;;认识小程序;1;2;app.json;3;4;4;运行机制 小程序启动会有两种情况，一种是「冷启动」，一种是「热启动」。 假如用户已经打开过某小程序，然后在一定时间内再次打开该小程序，此时无需重新启动，只需将后台态的小程序切换到前台，这个过程就是热启动；冷启动指的是用户首次打开或小程序被微信主动销毁后再次打开的情况，此时小程序需要重新加载启动。;5;通过路由函数进行跳转;6;6;7;8; !--水平滚动-- scroll-view scroll-x=true style= white-space: nowrap; display: flex !-- display: inline-block-- view style=background: red; width: 200px; height: 100px; display: inline-block /view view style=background: green; width: 200px; height: 100px; display: inline-block/view view style=background: blue; width: 200px; height: 100px; display: inline-block/view view style=background: yellow; width: 200px; height: 100px; display: inline-block/view /scroll-view;9;9;9;9;9;view text decode={{true}}你好ensp;啊ensp;ensp;ensp;哈哈哈（空格是中文字符一半大小）/text /view view text decode={{true}}你好emsp;啊emsp;emsp;emsp;哈哈哈（空格是中文字符大小）/text /view view text decode={{true}}你好nbsp;啊nbsp;nbsp;nbsp;哈哈哈（空格根据字体设置）/text /view;WXSS;1;2;3;;4;5;6;border-box 背景图像边界框的相对位置 content-box 背景图像的相对位置的内容框 background-clip 指定背景图像的绘画区域 属性值，同上 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 scroll 背景图片随页面的其余部分滚动。这是默认 fixed 背景图像是固定的 inherit 指定background-attachment的设置应该从父元素继承 local 背景图片随滚动元素滚动 background-image 指定要使用的一个或多个背景图像 url(URL) 图像的URL none 无图像背景会显示。这是默认 inherit 指定背景图像应该从父元素继承;7;7;;8;9;10;;;;;;;//圆点闪烁 setInterval(function () { if (_this.data.colorCircleFirst == #FFDF2F) { _this.setData({ colorCircleFirst: #FE4D32, colorCircleSecond: #FFDF2F, }) } else { _this.setData({ colorCircleFirst: #FFDF2F, colorCircleSecond: #FE4D32, }) } }, 500);;.container-in { width: 580rpx; height: 530rpx; background-color: #871a8e; border-radius: 40rpx; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; };.start-btn { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; border-radius: 15rpx; height: 150rpx; width: 166.6666