- 博客(12)
- 收藏
- 关注
原创 微信小程序-父组件传向子组件-子组件传向父组件总结
1. 一开始我们在创建自定义组件Tabs(这里我以component下的Tabs为子组件)的时候,打比方在Tabs.js的data中设置数组tabs data: { tabs:[ { id:0, value:"综合", isActive:true }, { id:1, value:"销量", isActive:false }, {
2021-10-19 15:07:23
645
原创 微信小程序-优化接口-es7-async使用
1. 我们要在微信开发者小程序本地设置中勾选 js转es5选项。2. 下载Facebook的regenerator库中的regenerator/runtime 下面是下载链接:https://raw.githubusercontent.com/tmingcode/19613regenerator-runtime/master/runtime.js3. 创建文件夹中文件:lib/runtime/runtime.js4. 在所用的文件的js文件中导入即可:5.//使用...
2021-10-16 10:52:20
274
原创 微信小程序-优化接口代码-提取公共接口路径
1. 首先在request请求的js文件中定义公共url:2.之后到index和category的js把请求的url整理,清除公共的URL随后在request的js文件下的解析数据params后面添加完整URL 。
2021-10-15 23:16:35
366
原创 scroll-top 设置微信小程序滚动条位置
1.首先呢 我们要在scroll-view标签中 加上scroll-top属性,scroll-top属性后可加number/string,如果你直接加入scroll-top= "0"的话是没有效果的。所以要设置一个变量,以便于在每次点击过后都会促发这个效果。 我们先设置一个变量scroll-top= "{{scrollTop}}"。2.第二步就是在同文件的js文件当中,为变量赋值:3.之后在点击事件后面 加入就可以了。...
2021-10-14 22:30:57
4947
原创 微信小程序--引入iconfont
首先呢,我们先进入阿里的iconfont官方页面:iconfont-阿里巴巴矢量图标库在其中选入自己选好的图标,点击右上角的购物车中,没注册的先注册,之后点击font class,在点击获取在线链接,将整段链接复制到微信开发者小程序的一个文件中,我的是styles中的wxss文件,之后便到全局样式文件app.wxss中导入刚刚的文件。最后到pages中的demo首页导入icon font.wxss中的类就可以了。...
2021-10-08 22:11:27
252
转载 微信小程序中wx:for语法及其使用
微信小程序官方文档中wx:for 是用来做列表渲染,在组件上使用wx:for绑定一个数组,数组的下标变量名默认为index,数组当前项的变量名默认为item.在Wxml中可以使用for循环获取数组数据(记住for循环后面跟的是数组,当然数组里可以有字典,字符串等等)例:<view wx:for = “{{[’'张三”,“李四”]}}">{{index}}:{{item}}< /view >页面显示的是:0:张三1:李四如果想改变默认的下标和变量名,使用wx:for..
2021-10-07 12:01:44
27262
原创 微信小程序 自定义组件之父向子传递
1. 父组件(页面)向子组件中传递数据 通过标签属性来传递 eg:我来从父组件向子组件传递字符串。 1.首先我们在父组件的wxml中写入:<list boox ="jdk"></list> 2.随后我们跳转到子组件的js文件的properties组件属性中,在此接受父组件传过来的数据。 这里才是关键,boox是链接的枢纽。 //要接受的数据名称 bo...
2021-10-07 09:34:35
1876
原创 微信小程序-- button按钮详解
1.下面我们会说到button组件的一些信息,关于button组件的一般属性我在这里就不详细介绍了,大家可以去到微信开放文档里看一些具体介绍。这个是网址:button | 微信开放文档接下来我们来看看 关于button组件中的open-type中的一些开放能力。2.button 开放能力 open-type: 1.contact:直接打开客服对话功能,需要在微信公众平台里配置,添加自己小程序的客服。这个功能且需要真机调试才能使用。 2....
2021-10-06 09:55:17
7695
原创 微信小程序 navigator导航组件<navigator url=“/pages/boss03/boss03“>点击这里进入轮播图</navigator>
1. navigator导航组件类似于标签中的超链接,而且它是块级元素,默认会换行,可直接加宽度和高度。2.接下来 我们来看它所包含的属性3.url 要跳转的页面路径,可以是相对路径也可以是绝对路径。(绝对路径可以直接用鼠标右击微信小程序中要跳转的文件,复制绝对路径即可)<navigator url="/pages/boss03/boss03">点击这里进入轮播图</navigator>4.target 属性 是要跳转到当前的小程序还是其他小..
2021-10-04 23:15:24
2511
原创 微信小程序swiper中的属性
在微信开放文档中我们会看到swiper下的这些属性:在上一篇章的基础上加上这些属性就可以实现轮播图的操作:可供参考;
2021-10-04 16:40:40
344
原创 微信小程序swiper滑块试图容器or轮播图 基础知识
1.轮播图 即微信小程序中可滑动的图片eg:1. 关于swiper组件的用法 必须要包含swiper- item组件 轮播项外层容器就是--- swiper 每一个轮播项就是--- swiper- item(swiper- item中可放超链接、图片都可以)2.简单操作上面那个淘宝网上的图片在wxml中:<swiper> <swiper-item> <image mode ="aspectFit" src = ...
2021-10-04 14:01:12
360
原创 微信小程序.image标签
位置:微信开放文档 媒体组件- image1.image-src属性:指定要加载的图片的路径(从外网获取的图片链接:路过图床 - 免费图片上传, 专业图片外链, 免费公共图床)2.image-mode属性:图片等比例缩放。默认为...
2021-10-04 12:18:58
651
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人