文章分类 -  微信小程序

摘要:跳转navigate 和 redirect wxml文件样例,unload是关闭当前页面时触发 js文件 横屏可以测试这个onResize() json文件中设置 横屏模式 onTabItemTap() ,点击自己的tabbar才触发 阅读全文
posted @ 2021-08-14 10:34 茶叶蛋蛋 阅读(42) 评论(0) 推荐(0) 编辑
摘要:https://www.bilibili.com/video/BV1nE41117BQ?p=43&spm_id_from=pageDriver 具体的应用 console.log(err),能打印具体的报错信息,可以做错误收集 一个js跳转页面的函数 onPageNotFound() 在找不到入口文 阅读全文
posted @ 2021-08-13 17:25 茶叶蛋蛋 阅读(46) 评论(0) 推荐(0) 编辑
摘要:https://www.bilibili.com/video/BV1nE41117BQ?p=42&spm_id_from=pageDriver 其他不常用组件的讲解 阅读全文
posted @ 2021-08-13 16:56 茶叶蛋蛋 阅读(21) 评论(0) 推荐(0) 编辑
摘要:https://www.bilibili.com/video/BV1nE41117BQ?p=41&spm_id_from=pageDriver 在子组件中在增加 <slot ></slot> 标签占位符 根据不同的isActive来显示不同的内容 阅读全文
posted @ 2021-08-13 15:09 茶叶蛋蛋 阅读(35) 评论(0) 推荐(0) 编辑
摘要:https://www.bilibili.com/video/BV1nE41117BQ?p=40&spm_id_from=pageDriver 子向父传参需要用到的函数是, this.triggerEvent("父组件自定义事件的名称",传参) Tabs.js,自定义事件并传参 index,,只要吧 阅读全文
posted @ 2021-08-13 11:50 茶叶蛋蛋 阅读(65) 评论(0) 推荐(0) 编辑
摘要:逻辑图,,这里要提醒的是 父组件就是用户页面的wxml 子组件才是自定义主键tabs的 js和wxml文件 demo8.wxml Tabs.js Tabs.wxml 1、将之前放在tabs.js文件data: {}中的tab数组,剪切到demo8.js文件中data: {}中的tab数组里面, Pa 阅读全文
posted @ 2021-08-13 10:16 茶叶蛋蛋 阅读(51) 评论(0) 推荐(0) 编辑
摘要:https://www.bilibili.com/video/BV1nE41117BQ?p=38&spm_id_from=pageDriver 自定义组件的函数,不能跟普通页面一样放入data下,而是要放入methods中 JSON.parse() 转换为对象 JSON.stringify() 转换 阅读全文
posted @ 2021-08-12 17:43 茶叶蛋蛋 阅读(112) 评论(0) 推荐(0) 编辑
摘要:编辑自定义组件文件 https://www.bilibili.com/video/BV1nE41117BQ?p=38&spm_id_from=pageDriver tabs.wxml文件 <view wx:for="{{tabs}}" wx:key="id" class="title_item {{ 阅读全文
posted @ 2021-08-12 16:50 茶叶蛋蛋 阅读(110) 评论(0) 推荐(0) 编辑
摘要:1、先建立相关文件夹 components/Tabs 会自动创建相关的四个文件 2、引用,找到相对应页面的json文件中,增加这个Tabs的相对路径 3、适用组件,找到相对应页面文件的wxml文件中,引用Tabs标签,则将会把components/Tabs/Tabs.wxml 套用过来 保存显示如下 阅读全文
posted @ 2021-08-12 16:36 茶叶蛋蛋 阅读(55) 评论(0) 推荐(0) 编辑
摘要:checkbox的用法 https://www.bilibili.com/video/BV1nE41117BQ?p=34&spm_id_from=pageDriver 第一种,写法 demo6.wmxl <radio-group bindchange="handleChange"> <radio v 阅读全文
posted @ 2021-08-12 15:15 茶叶蛋蛋 阅读(75) 评论(0) 推荐(0) 编辑
摘要:gender变量,需要先放置到Data{}代码段中,然后通过this.setData来赋值 this.setData({ gender }) https://www.bilibili.com/video/BV1nE41117BQ?p=33&spm_id_from=pageDriver 阅读全文
posted @ 2021-08-12 11:41 茶叶蛋蛋 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-08-12 10:45 茶叶蛋蛋 阅读(27) 评论(0) 推荐(0) 编辑
摘要:https://www.bilibili.com/video/BV1nE41117BQ?p=30&spm_id_from=pageDriver 分两部分 丑的一批 阅读全文
posted @ 2021-08-11 16:37 茶叶蛋蛋 阅读(27) 评论(0) 推荐(0) 编辑
摘要:富文本标签 渲染 html,,支持的富文本标签需要在文档中查看 用数组来嵌套富文本,但是不常用 阅读全文
posted @ 2021-08-11 15:37 茶叶蛋蛋 阅读(33) 评论(0) 推荐(0) 编辑
摘要:https://www.bilibili.com/video/BV1nE41117BQ?p=27 阅读全文
posted @ 2021-08-11 11:47 茶叶蛋蛋 阅读(29) 评论(0) 推荐(0) 编辑
摘要:Swiper组件,必须要跟Swiper-item一起用 https://www.bilibili.com/video/BV1nE41117BQ?p=26 样式 属性 swiper 属性使用 阅读全文
posted @ 2021-08-11 11:37 茶叶蛋蛋 阅读(34) 评论(0) 推荐(0) 编辑
摘要:image mode="widthFix" 自定义 阅读全文
posted @ 2021-08-06 17:34 茶叶蛋蛋 阅读(21) 评论(0) 推荐(0) 编辑
摘要:vscode 加入插件 vscode全局配置中,添加一个配置 微信小程序不支持 * 通配符来配置样式,需要精确到具体的标签,此时就可以用less插件来完成 将一个页面中的 .wxss 修改为.less 并编辑less文件,可使用变量 小程序会在同级目录中生成.wxss后缀的文件, 同时less文件支 阅读全文
posted @ 2021-08-06 16:49 茶叶蛋蛋 阅读(63) 评论(0) 推荐(0) 编辑
摘要:view{ width:calc(750 rpx * 100 / 375) } 记住这个公式,就可以动态的来进行处理宽度 阅读全文
posted @ 2021-08-06 16:12 茶叶蛋蛋 阅读(31) 评论(0) 推荐(0) 编辑
摘要:绑定事件的一个小例子 绑定的方法是 bindinput 阅读全文
posted @ 2021-08-05 17:08 茶叶蛋蛋 阅读(32) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示