You_wil_see-CSDN博客

原创微信小程序-父组件传向子组件-子组件传向父组件总结

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 623

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 254

原创微信小程序-优化接口代码-提取公共接口路径

1. 首先在request请求的js文件中定义公共url：2.之后到index和category的js把请求的url整理，清除公共的URL随后在request的js文件下的解析数据params后面添加完整URL 。

2021-10-15 23:16:35 336

原创 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 4854

原创微信小程序--引入iconfont

首先呢，我们先进入阿里的iconfont官方页面：iconfont-阿里巴巴矢量图标库在其中选入自己选好的图标，点击右上角的购物车中，没注册的先注册，之后点击font class，在点击获取在线链接，将整段链接复制到微信开发者小程序的一个文件中，我的是styles中的wxss文件，之后便到全局样式文件app.wxss中导入刚刚的文件。最后到pages中的demo首页导入icon font.wxss中的类就可以了。...

2021-10-08 22:11:27 235

转载微信小程序中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 27177

原创微信小程序自定义组件之父向子传递

1. 父组件(页面)向子组件中传递数据通过标签属性来传递 eg：我来从父组件向子组件传递字符串。 1.首先我们在父组件的wxml中写入：<list boox ="jdk"></list> 2.随后我们跳转到子组件的js文件的properties组件属性中，在此接受父组件传过来的数据。这里才是关键，boox是链接的枢纽。 //要接受的数据名称 bo...

2021-10-07 09:34:35 1824

原创微信小程序-- button按钮详解

1.下面我们会说到button组件的一些信息，关于button组件的一般属性我在这里就不详细介绍了，大家可以去到微信开放文档里看一些具体介绍。这个是网址：button | 微信开放文档接下来我们来看看关于button组件中的open-type中的一些开放能力。2.button 开放能力 open-type： 1.contact：直接打开客服对话功能，需要在微信公众平台里配置，添加自己小程序的客服。这个功能且需要真机调试才能使用。 2....

2021-10-06 09:55:17 7626

原创微信小程序 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 2376

原创微信小程序swiper中的属性

在微信开放文档中我们会看到swiper下的这些属性：在上一篇章的基础上加上这些属性就可以实现轮播图的操作：可供参考；

2021-10-04 16:40:40 331

原创微信小程序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 351

原创微信小程序.image标签

位置：微信开放文档媒体组件- image1.image-src属性：指定要加载的图片的路径（从外网获取的图片链接：路过图床 - 免费图片上传, 专业图片外链, 免费公共图床）2.image-mode属性：图片等比例缩放。默认为...

2021-10-04 12:18:58 614

You_wil_see的博客