微信小程序,微信小程序开发教程

微信小程序实现分享至朋友圈方法

2021-04-09

分享到朋友圈的展示形式是小程序logo＋小程序名称微信小程序直接分享到朋友圈的实现：方法很简便：在js中添加onShareTimeline()函数即可，这一分享是要有前提的，从小程序开发文档，可以看到，基础库得从2.11.3开始才支持分享至朋友圈的，如果没更新基础库会出现以下灰色的。更改基础库，加入分享代码既可，重新提交版本审核既可注意事项"shareAppMessage"表示“发送给朋友”按钮，"shareTimeline"表示“分享到朋友圈”按钮显示“分享到朋友圈”按钮时必须同时显示“发送给朋友”按钮，显示“发送给朋友”按钮时则允许不显示“分享到朋友圈”按钮示例

小程序登录、用户信息相关接口调整以及获取用户信息方法

2021-04-04

2153 0

为优化用户的使用体验，平台将进行以下调整：2021年2月23日起，若小程序已在微信开放平台进行绑定，则通过wx.login接口获取的登录凭证可直接换取unionID2021年4月13日后发布的小程序新版本，无法通过wx.getUserInfo与<button open-type="getUserInfo"/>获取用户个人信息（头像、昵称、性别与地区），将直接获取匿名数据（包括userInfo与encryptedData中的用户个人信息），获取加密后的openID与unionID数据的能力不做调整。此前发布的小程序版本不受影响，但如果要进行版本更新则需要进行适配。新增getUserProfile接口（基础库2.10.

wepy框架安装遇到的几个问题及解决方法

2021-03-31

2164 0

1、执行 wepy new myproject;安装报如下错误：deprecated command, please use wepy init standard myproject instead翻译一下大概意思是：不推荐使用的命令，请改用wepy init standard myproject解决方法：改用新的命令执行wepy;init;standard;myproject 2、执行 wepy init standard myproject;命令报如下错误：wepy-cli 路 Failed to download repo standard: read ECONNRESET解决方法：在c 盘搜索wepy.cmd，复制路径，在系统环境变量中加入 wepy.cmd路径再次执行命令，ok，正常了

解决cocos creator 场景宽高无法自适应方法

2021-03-30

4414 0

cocos creator游戏在电脑端预览是自适应了，但是在小程序中呢，会出现不适应问题，解决方法如下：背景图自适应：750px*1600px，背景图可以设计为这个尺寸。设置设置背景尺寸和去除Fit Height 和 Fit Width属性，如下图所示

cocos creator微信小游戏授权获取用户信息方法

2021-03-27

4069 0

获取屏幕宽度和高度：wx.getSystemInfoSync()创建按钮：wx.createUserInfoButton({})例子：获取屏幕高度和宽度，作为按钮的宽高，设置按钮为透明，当用户点击之后就授权就移除按钮并获取数据，否则用户继续点击继续弹窗授权提示。onLoad;();{ let;sysInfo;=;wx.getSystemInfoSync(); //;获取微信界面大小 let;screenWidth;=;sysInfo.screenWidth; let;screenHeight;=;sysInfo.screenHeight; let;self;=;this wx.login( ;;{ ;;success:;(res);=>; ;;{ ;;if;(res.code); ;;{ ;;let;code=;res.code; ;;console.l

cocos creator数据缓存的使用方法

2021-03-27

3204 0

cocos游戏中，我们有时需要判断用户是否已经看过弹窗提示了，可以使用自带的数据缓存来判断。缓存写入cc.sys.localStorage.setItem('help',;'999999999999999');;//存储数据获取缓存cc.sys.localStorage.getItem('help') 例子判断缓存是否为空，为空的话显示弹窗，否则的话隐藏弹窗if(cc.sys.localStorage.getItem('help')==''){ cc.find("Canvas/help").active;=;true; }else{ cc.find("Canvas/help").active;=;false; } cc.sys.localStorage.setItem('help',;'999999999999999');;//存储数据

cocos creator Label组件靠右对齐，正常显示文字

2021-03-26

2783 0

使用pretab预定制组件，发现文字一直显示不全，一开始设置了了还是一直不可以。后面采用以下设置即可正常显示，解决cocos creator Label组件显示问题上面设置了Horizontal Align ,Overflow，Anchor三个属性。最终显示

cocos creator 2.4如何引入bgm背景音乐

2021-03-24

3588 0

在层级管理器上创建一个空节点选中空节点，在属性检查器最下方点击添加组件 -> 其他组件 -> AudioSource 来添加 AudioSource 组件将资源管理器中所需的音频资源拖拽到 AudioSource 组件的 Clip 中，如下所示:添加如下代码：onLoad;();{ ;;;;;cc.loader.load({url:;'https://game.example/uploads/aircraft/bgm.mp3',;type:;'mp3'},;function;(err,;data);{ ;;;;;console.log(data); ;;;;;cc.audioEngine.playMusic(data,;true); ;;;;}); } 运行即可自动播放音乐

微信小程序如何默认按钮button去掉默认样式

2021-03-20

2711 0

微信小程序和HTML去掉按钮样式不一样：;;;;<view;class="button-sp-area"> ;;;;;;<button;type="primary";plain="true">按钮</button> ;;;;</view> 可以加下以下样式去掉带有虚边的样式button::after{ ;;;;border:none; } 修改button按钮disabled为true时会出现灰色字体浅灰色背景的样式button[disabled]:not([type]);{ ;;background-color:;#fff; ;;color:;#1e82d2;; } 修改button按钮点击时样式//;点击时样式 .button-hover;{ color:rgba(0,;0,;0,;0.6); background-color:#fff; }

微信小程序时间点击页面获取用户头像信息

2021-02-08

2010 0

微信小程序获取头像信息必须使用点击按钮来获取，这个实际也是，只是想法思路不一样，我们可以把背景设置成透明，当用户点击屏幕触发按钮，这里构建一个透明按钮，宽高通过获取手机界面宽高，来赋予。;let;sysInfo;=;wx.getSystemInfoSync(); ;;;;;;;;//;获取微信界面大小 ;;;;;;;;let;screenWidth;=;sysInfo.screenWidth; ;;;;;;;;let;screenHeight;=;sysInfo.screenHeight; ;;;;;;;;const;wxLoginBtn;=;wx.createUserInfoButton({ ;;;;;;;;;;;;type:;'text', ;;;;;;;;;;;;text:;'', ;;;;;;;;;;;;style:;{ ;;;;;

小程序自定义轮播图样式

2020-04-05

3596 0

小程序自定义轮播图样式以下是各案例，仅供大家参考。效果展示：index.wxml代码：<view> ; ;;<view> ;;;;<swiper;indicator-dots="{{indicatorDots}}" ;;;;;;;;;;autoplay="{{autoplay}}";interval="{{interval}}";duration="{{duration}}";circular="{{circular}}";bindchange="swiperChange"> ;;;;;;<block;wx:for="{{banner}}"> ;;;;;;;;<swiper-item> ;;;;;;;;;;<view> ;;;;;;;;;;<image;

微信小程序跳转到外部、其他小程序

2020-04-04

3031 0

微信小程序跳转到外部、其他小程序app.json文件，添加小程序appId"navigateToMiniProgramAppIdList":;[ "wx867ea05eaf079b91", "wx18a2ac992306a5a4" ]WXML文件：<view;class="user_draw";bindtap="openwx"> <view;class="word"><image;src="/asset/img/small.png"></image><view;class="tname">其他小程序</view></view> <view;class="wimg"><image;src="/asset/img/more.png

小程序实现分类内容下拉刷新，上拉加载更多

2020-04-01

3198 0

效果演示：小程序上拉加载更多，下来刷新，在项目开发中是最常见，以下是一个简单的案例，供大家参考wxml文件代码: <view;class="out"> ;; ;;;;<view;class='left'> ;;;;<block;wx:for="{{category}}"> ;;;;;;<view;class='nav-item;active';;wx:if="{{tags;==;item.id}}";data-id="{{item.id}}";bindtap="btn_cate">{{item.book_cate}}</view> ;;;;;;<view;wx:else;data-id="

微信小程序刷新当前页面，并跳转到其他页面

2020-03-31

2822 0

刷新当前页面：//;首先判断当前页面加载的所有页面的数组，数组中最后一个就是当前页面，然后onload当前页面。 if;(getCurrentPages().length;!=;0);{ ; ;;//刷新当前页面的数据 ;;getCurrentPages()[getCurrentPages().length;-;1].onLoad() }刷新当前页面并跳转到指定页面：这里以跳转到tobar页面为演示：//;首先判断当前页面加载的所有页面的数组，数组中最后一个就是当前页面，然后onload当前页面。 if;(getCurrentPages().length;!=;0);{ ; ;;//刷新当前页面的数据 ;;getCurrentPages()[getCurrentPages().length;-;1].onLo

小程序富文本解析器towxml3.0的使用

2020-03-26

4987 0

Towxml 是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库。用于解决在微信小程序中Markdown、HTML不能直接渲染的问题。;特色：;1、可控制的音频播放器（可自行调节样式，解决原生audio在部分iPhone上不能自动播放的情况）2、支持代码语法高亮3、支持emoji表情4、支持上标、下标、下划线、删除线、表格、视频、图片（几乎所有html元素）……5、支持typographer字符替换6、多主题动态支持7、极致的中文排版优化8、Markdown TodoList下载地址：https://github.com/jyblogs/towxml或者：git clone git@github.com:

小程序头部滚动导航，置顶头部导航

2020-03-25

2741 0

小程序头部滑动导航例子，主要运用微信的 scroll-view 和样式;white-space: nowrap;wxml文件代码：<view;class="container">  <view;class='totle-nav'> <scroll-view;class='scroll-wrap';scroll-x="true";style='width:100%;'> <text;class="active">导航1</text> <text>导航2</text> <text>导航3</text> <text>导航4</text> <text>导航5</text> <text&

微信小程序，滑动选项卡案例

2019-11-19

3144 0

微信小程序，滑动选项卡：1、设置data-current属性用于：点击当前项时，通过点击事件swichNav中处理e.dataset.current取到点击的目标值。;2、swiper组件的current组件用于控制当前显示哪一页;3、swiper组件绑定change事件switchTab，通过e.detail.current拿到当前页效果图：wxml代码：<view;class="tabbox"> <scroll-view;scroll-x="true";class="tab-h";scroll-left="{{scrollLeft}}"> ;;<view;class="tab-item;{{currentTab==0?'active':''}}";dat

微信小程序置顶导航，替代原生导航栏

2019-11-16

2939 0

效果图：思路：Navigation是小程序的顶部导航组件，当页面配置navigationStyle设置为custom的时候可以使用此组件替代原生导航栏，wx.getSystemInfoSync获取可使用窗口高度wxml代码： <view;class="header";style="padding-top:{{statusBarHeight}}px"> <view;class="searchbtn"> <image;src="/pages/asset/img/search_03.jpg";class="search_pic"></image> <view;class="search_word">;哪吒之魔童降世</view>

微信小程序-实现旋转木马轮播功能

2019-11-16

3243 0

效果图：技术要点：自动滚动+手动拖拽（原生组件帮我们完成 Property：autoplay）;面板指示点（原生组件帮我们完成 Property：indicator-dots）;左右可以露出非Active状态图的边缘（即Quiet状态，后文class会以这两个名字定义）（原生组件帮我们完成 Property：previous-margin、next-margin）;图片滚动到中心位置放大，滚动出去缩小（我们手写实现，利用技术点中提到的滚动回调+条件渲染。其中滚动回调用 Property：bindchange）.wxml 代码: <view;class="lunbo"> <swiper;class='swip

微信小程序API五种页面跳转方法总结

2019-07-20

3562 0

//;保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。 //;注意：调用;navigateTo;跳转时，调用该方法的页面会被加入堆栈，但是;redirectTo; wx.navigateTo({ ;;url:;'page/home/home?user_id=111' }) //;跳转到页面;A wx.navigateBack({ ;;delta:;2 }) //;关闭当前页面，跳转到应用内的某个页面。 wx.redirectTo({ ;;url:;'page/home/home?user_id=111' }) //;跳转到tabBar页面（在app.json中注册过的tabBar页面），同时关闭其他非tabBar页面。 wx.switchTab({ ;;url:;'p

微信小程序实现购物车全选功能

2019-07-19

4511 0

微信小程序购物全选与反选，CheckBox（全选、全不选）的操作！效果图：wxxml文件：<view;class="jybox"> <view;class="orderlist";wx:for="{{listData}}";wx:key=""> <view;class="order_left"> <checkbox-group;bindchange="checkboxChange"> <checkbox;value="{{item.code}}";class="cheack";checked="{{item.checked}}"/> </checkbox-group> <image;src="{{item.img}}";mode=&quo

微信小程序实现分享至朋友圈方法

小程序登录、用户信息相关接口调整以及获取用户信息方法

wepy框架安装遇到的几个问题及解决方法

解决cocos creator 场景宽高无法自适应方法

cocos creator微信小游戏授权获取用户信息方法

cocos creator数据缓存的使用方法

cocos creator Label组件靠右对齐，正常显示文字

cocos creator 2.4如何引入bgm背景音乐

微信小程序如何默认按钮button去掉默认样式

微信小程序时间点击页面获取用户头像信息

小程序自定义轮播图样式

微信小程序跳转到外部、其他小程序

小程序实现分类内容下拉刷新，上拉加载更多

微信小程序刷新当前页面，并跳转到其他页面

小程序富文本解析器towxml3.0的使用

小程序头部滚动导航，置顶头部导航

微信小程序，滑动选项卡案例

微信小程序置顶导航，替代原生导航栏

微信小程序-实现旋转木马轮播功能

微信小程序API五种页面跳转方法总结

微信小程序实现购物车全选功能

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

微信小程序实现分享至朋友圈方法

小程序登录、用户信息相关接口调整以及获取用户信息方法

wepy框架安装遇到的几个问题及解决方法

解决cocos creator 场景宽高无法自适应方法

cocos creator微信小游戏授权获取用户信息方法

cocos creator数据缓存的使用方法

cocos creator Label组件靠右对齐，正常显示文字

cocos creator 2.4如何引入bgm背景音乐

微信小程序如何默认按钮button去掉默认样式

微信小程序时间点击页面获取用户头像信息

小程序自定义轮播图样式

微信小程序跳转到外部、其他小程序

小程序实现分类内容下拉刷新，上拉加载更多

微信小程序刷新当前页面，并跳转到其他页面

小程序富文本解析器towxml3.0的使用

小程序头部滚动导航，置顶头部导航

微信小程序，滑动选项卡案例

微信小程序置顶导航，替代原生导航栏

微信小程序-实现旋转木马轮播功能

微信小程序API五种页面跳转方法总结

微信小程序实现购物车全选功能

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

使用以下账号登录