weixin_43846020的博客

创建项目和清理结构及配置基本外观完后底部tabBar的配置获取轮播图的数据

get请求搭建一个本地的接口

上拉加载onReachBottom

下拉刷新的学习

生命周期函数的学习应用的生命周期当把浏览器最小化时，会出现App Hide当把浏览器还原时，会出现App Show再刷新：页面的生命周期默认写了一个onLoad()第一次加载时:onShowonLoadonReady浏览器最小化后，再还原onHideonShow小程序中从index页面进入message页面：onHide:...

如何注册事件和传递参数及获取到事件对象注册事件：比如(点击的事件为clickHandle)v-on:click="clickHandle" 或者@click="clickHandle"注册事件默认传递参数e传递参数：代码：也可以直接写成@click...

v-bind和v-for的使用v-bind<image v-bind:src=""></image>或者<image :src=""></image>

基本数据的绑定

uniapp样式的学习及如何使用scss和字体图标rpx:等比把局部样式注释掉发现全局变量会覆盖把局部样式打开：

image组件的基本使用src:图片资源地址mode（缩放的模式）aspectFit:使图片的长边能完全显示出来，完整的将图片显示出来aspectFill：短边能显示出来，通常只在水平或垂直是完整的，另一个方向会发生截取...

-button按钮组件的使用size:尺寸type浏览器中primary为蓝色小程序中primary为绿色plain:按钮是否镂空，背景色透明浏览器中：小程序中：disabled:是否禁用（按不了没有反应）loading:带loading图标...

view组件的基本使用hover-class :按下去的样式代码：结果：点击之后：由绿色变为红色hover-stop-propagation:阻止冒泡状态点击小的绿色的会使小的变成红色，大的变成粉红色。但是点击大的只有大的编程粉红色因为大的是父级，小的是子级，子级变父级变，父级变子级没有资格变所以用hover-stop-propagation来阻止冒...

text组件的基本使用组件：代码：结果：代码：结果：（在同一行）代码：结果：（不同行）selectable:文本是否可选（可以点击吗）space:显示连续空格ensp:中文字符空格的一半大小emsp:中文字符空格的大小nbsp:根据字体设置的空格大小–随着字体大小改变decode:是否解码，decode可以解析的有：&amp...

condition启动模式配置开发人员做的在小程序中看不到，但是可以在浏览器通过自己输入pages/details/details来进入详情页页面参数：id=80

tabbar的其他配置color:tab上的文字默认颜色selectedColor:tab上的文字选中时的颜色backgroundColor：tab的背景色borderStyle:tabbar上边框的颜色position:tabbar位置(bottom或top)设置position 为top只在小程序可以：浏览器中没有反应：...

配置基本的tabbar

创建新页面和页面的配置结果为：h5页面：

globalStyle全局外观配置navigationBarBackgroundColor:导航栏背景颜色RGB颜色结果为：navigationBarTextStyle：导航栏标题颜色navigationBarTitleText：导航标题文字内容窗口的背景色backgroundColor(只有下拉时能够看见)只有下拉时能够看见。通过enablePul...

项目目录和开发规范简单介绍

运行到浏览器运行到小程序模拟器出现这个的话：在微信开发工具的设置的安全端口打开：运行到手机插上数据线和手机

Pages.json:通用部分配置项，页面路由，导航条，选项卡等页面类信息，新增一个页面默认先显示的是news页，当把news代码放在第一个以上：通过配置pages.json去控制设置初始化显示，显示的位置--manifest.json：项目常用配置，列如微信小程序的appid,影响真机调试unpackage:启动自动生成目录，会自动生成多版本代码main.js：项目入...

"tabBar": { "color": "#7A7E83", "selectedColor": "#3cc51f", "borderStyle": "black", "backgroundColor": "#ffffff", "list": [{ "pagePath": "pages/component/index", "...