随笔分类 - 微信小程序
微信小程序开发 学吧 学无止境
摘要：原生小程序 开发音乐播放器： 首先上效果图、源码： 组件框架 ，这里说下思路: 组件1： swiper 组件 和 include 标签 这个轮播组件 都很熟悉吧 也没什么好说的啊 ，但这个项目中我们用来实现滑动他实现切换导航这个功能： 所以这里的知识点主要3个： 1. 轮播图组件 swiper 中的
阅读全文
摘要：普通的request 容易回调地域，我们更换为 promise ： 创建一个request 文件夹，然后在里面写一个js 文件： /**导出一个request ,这个Request 是个 函数。*/ export const request = (params) => { //返回一个Promies
阅读全文
摘要：less 不用说 那些功能都有 wxss 和 css 也是支持变量的 ， 因为 page 是小程序的根节点（WEB是root），所以这里我们需要在page中声明，然后在指定页面使用即可： app.wxss:（全局WXSS） 如果你要用 ，那么直接就用 var 即可： 就这样
阅读全文
摘要：可以阻止冒泡事件的发生，其实很简单，直接把bindtap改为catchtap即可。 有些组件 例如 view 就可以在属性上直接设置阻止冒泡 已测试！！！！ 组件也可以用用，甚至如果穿事件出来，事件也可以用 catch绑定!
阅读全文
摘要：全局生命周期的话就是 app.js 里面中的 是App() 这个函数的： App({ /** * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） */ onLaunch: function () { }, /** * 当小程序启动，或从后台进入前台显示，会触发 onShow */
阅读全文
摘要：其实很简单 ，下面tabs 是自定义组件，然后被index 调用，然后直接在tabs中定义一个solt，index调用tabs的时候往里面写东西就制动填solt，多个的话有name属性的： 单slot： 这个是tabs组件中wxml代码。 红色框中的刚好就是solt的了，这就是单slot。 多个插槽
阅读全文
摘要：数据父传子 就是： 前提： 这里的 tabs 是个自定义组件 1.在标签中直接写数据 2.在自定义组件js文件中的roperties中写数据属性声明 3.然后就可以直接取出来用即可 所以这就是自定义组件(父) 传 信息给 子组件的 方式 子传父： 例： tabs是自定义组件 现在点击一下tabs组件
阅读全文
摘要：一般创建一个 components 的文件夹来管理，一个自定义组件由 json wxml wxss js 4个文件组成。 首先需要在 json 文件中进行自定义组件声明（将 component 字段设为 true 可将这一组文件设为自定义组件）：【如果是按照下面的方式常见 是自动生成的】 注意： 这
阅读全文
摘要：属性类型默认值必填说明最低版本 value string 否 checkbox标识，选中时触发checkbox-group的 change 事件，并携带 checkbox 的 value 1.0.0 disabled boolean false 否 是否禁用 1.0.0 checked boolea
阅读全文
摘要：属性类型默认值必填说明最低版本 value string 否 radio 标识。当该radio 选中时，radio-group 的 change 事件会携带radio的value 1.0.0 checked boolean false 否 当前是否选中 1.0.0 disabled boolean
阅读全文
摘要：open-type 的 contact的实现流程 1. 将⼩程序 的 appid 由测试号改为 ⾃⼰的 appid 2. 登录微信⼩程序官⽹，添加 客服 -- 微信 即可。。。 ICON 图标。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。 属性类型默认值必填说明最低版本
阅读全文
摘要：<!-- open-type： 1 contact 直接打开 客服对话功能 需要在微信小程序的后台配置 只能够通过真机调试来打开 2 share 转发当前的小程序 到微信朋友中 不能把小程序 分享到 朋友圈 3 getPhoneNumber 获取当前用户的手机号码信息 结合一个事件来使用 不是企业的
阅读全文
摘要：属性类型默认值必填说明最低版本 size string default 否 按钮的大小 1.0.0 type string default 否 按钮的样式类型 1.0.0 plain boolean false 否 按钮是否镂空，背景色透明 1.0.0 disabled boolean false
阅读全文
摘要：属性类型默认值必填说明最低版本 nodes array/string [] 否 节点列表/HTML String 1.4.0 space string 否 显示连续空格 2.4.1 主要通过 nodes 来接受，然后显示的代码显示，例： 代码多的话，可以在JS中直接 data中取出：{{}} 值绑定
阅读全文
摘要：然后如图： ，属性如下： 属性类型默认值必填说明最低版本 target string self 否 在哪个目标上发生跳转，默认当前小程序 2.0.7 url string 否 当前小程序内的跳转链接 1.0.0 open-type string navigate 否 跳转方式 1.0.0 targe
阅读全文
摘要：swiper 是个轮播图组件 其中只可放置swiper-item组件，否则会导致未定义的行为。 属性类型默认值必填说明最低版本 indicator-dots boolean false 否 是否显示面板指示点 1.0.0 indicator-color color rgba(0, 0, 0, .3)
阅读全文
摘要：图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式，2.3.0 起支持云文件ID。 所以这个标签 你可以按照这些属性去写 ，也可以配合c3去写，，，，注意照片不能超过2M 具体看： https://developers.weixin.qq.com/miniprogram/dev/compo
阅读全文
摘要：View 代替 原来的 div 标签 <view hover-class="h-class"> 点击我试试 </view> 视图容器 属性类型默认值必填说明最低版本 hover-class string none 否 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果
阅读全文
摘要：原⽣⼩程序不⽀持 less ，其他基于⼩程序的框架⼤体都⽀持， 如 wepy ， mpvue ， taro 等。 但是仅仅因为⼀个less功能，⽽去引⼊⼀个框架，肯定是不可取的。因此可以⽤以下⽅式来实现： 也可以看这个：https://www.jb51.net/article/207499.htm
阅读全文
摘要：WXSS WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。
阅读全文