小程序样式
小程序中 .wxss 文件中不支持使用本地路径的资源，比如背景图片是不允许使用本地国片路径的，必须使用网络路径（https:// 或 http:// 开头）或者转换成 base64 编码。
/* 使用背景图定义放大镜 */
.search-bar .button {
position: absolute;
top: 50%;
right: 60rpx;
width: 50rpx;
height: 50rpx;
transform: translateY(-50%);
/* background-color: pink; */
/* 背景图片 */
/* background-image: url(/static/images/search.png); */
background-image: url(https://lotjol.github.io/static-store/enjoy-plus/images/search.png);
background-size: contain;
}
微信小程序使用字体图标
// 解决方案
https://www.jianshu.com/p/2f2645cf1c87
小程序实现双向绑定
条件渲染
hidden属性作用和v-show一样的
列表渲染
小程序内置API
小程序事件处理
自定义事件传参
小程序组件事件
小程序生命周期
小程序应用生命周期和页面生命周期
小程序使用第三方组件
- 局部组件 的定义
// 注意事项： 全局/局部组件 -- 引入的文件 不要加后缀。！！！（因为打包的时候，文件夹的.js，.json，.wxml ， .wxss 文件 会打包成一个文件）
// 组件的 .json 文件
{
"component": true,
}
//引用组件的页面的 .json 文件
{
"usingComponents": {
"test": "/components/test/test" // (格式：) 组件名:组件路径
}
}
// - 全局组件 的定义：(在根目录app.json文件中定义，为全局组件)
"usingComponents": {
"global_test1":"/components/test1/test1"
},
小程序分包
// 在app.json中配置中配置 subPakages
// 这边创建完成，小程序会自动生成页面
// tarbar页面的按钮点开打开的二级页面都可以做分包
小程序展示的图片是放到服务器上拿到的快，还是放到本地文件夹拿到的快？
// tabbar页面不支持分包
建议特别小的icon 放在本地，其他的都放服务器吧 （主包程序大小限制咱们的想象！！！😂）
分包预加载（下载）
自定义组件
组件样式
// 外部修改第三方组件样式
// 允许外部改动样式
// 使用外部样式
// 开启多个插槽
// 自定义导航栏设置
