![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
小程序学习
文章平均质量分 83
学习视频:https://www.bilibili.com/video/BV1834y1676P
云里有只猫
编程菜鸟
展开
-
【小程序】小程序学习06-案例-自定义tabBar
自定义组件Vant组件库MobX数据共享组件样式隔离组件数据监听器组件的behaviorsVant 样式覆盖https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.htmlhttps://vant-contrib.gitee.io/vant-weapp/#/tabbar配置信息app.json"tabBar": { "custom": true, .....原创 2022-02-12 14:40:27 · 554 阅读 · 0 评论 -
【小程序】小程序学习06-分包
分包基本好处:可以优化小程序首次启动的下载时间在多团队共同开发时可以更好的解耦协作分包后,小程序项目由1个主包+多个分包组成:主包:一般只包含项目的启动页面或TabBar 页面、以及所有分包都需要用到的一些公共资源分包:只包含和当前分包有关的页面和私有资源分包的加载规则在小程序启动时,默认会下载主包并启动主包内页面tabBar页面需要放到主包中当用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示非tabBar页面可以按照功能的不同,划分为不原创 2022-02-11 12:22:38 · 641 阅读 · 0 评论 -
【小程序】小程序学习05-npm
06-npm使用在小程序中npm包有如下3个限制:不支持依赖于Node.js内置库的包不支持依赖于浏览器内置对象的包不支持依赖于C++插件的包Vant UI安装初始化npm npm init -y 生成package.json文件通过npm安装 npm i @vant/weapp -S --production工具》构建npm,详情》本地设置》使用勾选npm模块app.json去除"style":v2安装完Vant组件库之后,可以在app.json的u原创 2022-02-11 12:22:00 · 665 阅读 · 0 评论 -
【小程序】小程序学习04
04页面导航声明式导航在页面上声明一个<navigator>导航组件通过点击<navigator>组件实现页面跳转编程式导航调用小程序的导航API,实现页面的跳转声明式导航导航到tabBar页面tabBar页面指的是被配置为tabBar的页面。在使用<navigator>组件跳转到指定的tabBar 页面时,需要指定url属性和open-type属性,其中:- `url`表示要跳转的**页面的地址**,必须以 `/` 开头- `op原创 2022-02-06 16:41:48 · 584 阅读 · 0 评论 -
【小程序】小程序学习03
03-全局配置全局配置文件:app.jsonpages小程序所有页面存放路径window小程序窗口外观tabBar小程序底部tabBar效果style是否启用新版本的组件样式windownavigationBar-导航栏区域background-背景区域wxml页面主体区域"window": { "backgroundTextStyle": "dark", "backgroundColor": "#efefef", "navigationBarBack原创 2022-02-06 15:56:57 · 235 阅读 · 0 评论 -
【小程序】小程序学习02
02-wxsswxss和cssWXSS具有CSS大部分特性,同时,WXSS还对CSS进行了扩充以及修改,以适应微信小程序的开发。与CSS相比,WXSS扩展的特性有:rpx尺寸单位@import样式导入rpxrpx(responsive pixel)是微信小程序独有的,用来解决屏适配的尺寸单位。实现原理rpx的实现原理非常简单:鉴于不同设备屏幕的大小不同,为了实现屏幕的自动适配,rpx把所有设备的屏幕,在宽度上等分为750份(即:当前屏幕的总宽度为750rpx)。在较小的设备上,1原创 2022-02-06 15:56:14 · 417 阅读 · 0 评论 -
【小程序】小程序学习01
01 xml组件viewtext-align: center;文本横向居中line-height 行高display: flex;横向布局justify-content: space-around;分散对齐选择器:nth-child(x)wxml<view class="container1"> <view>A</view> <view>B</view> <view>C</view></v原创 2022-02-06 15:51:53 · 955 阅读 · 1 评论