微信开发
景荣先生
由简到繁,由繁到简!
展开
-
微信公众号订餐系统,多服务号网页授权办法
环境:使用asp及php编写,access数据库;主体是asp编写,与微信公众号相关部分用php编写(半路接手)。注:以下域名url不是该项目路径。微信公众号配置:登录微信服务号 ——> 公众号设置 ——> 功能设置 ——> 设置业务域名、JS接口安全域名、网页授权域名,如 www.hiretianxia.cn(将文件MP_verify_CmXLvDiUaaC0TCeA....原创 2019-04-07 09:20:36 · 830 阅读 · 0 评论 -
微信小程序swiper轮播图高度自适应
说明:swiper默认高度150px,且无法更改。解决办法:wxml中:注意 style=‘height:{{Height}}’、mode="widthFix"和 bindload='imgHeight’<view class="container"> <swiper class="banner" indicator-dots="{{indicatorDots}}" in...转载 2019-06-11 09:49:59 · 2301 阅读 · 0 评论 -
微信小程序回到顶部的简单方法
wxml中:<image src='../../img/top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>wxss中:/* 返回顶部 */.goTop{ height: 80rpx; width: 80rpx; position: fixed; bott...转载 2019-06-17 14:28:46 · 2093 阅读 · 0 评论 -
微信小程序中的加载更多(即列表分页)
app.json中:"window": { "enablePullDownRefresh": true //是否开启当前页面下拉刷新}wxml中:<view class="info" wx:for="{{contentlist}}" wx:key="key"> <input hidden="{{hidden}}" value="{{item.id}}"/&...转载 2019-06-17 15:01:07 · 20063 阅读 · 6 评论 -
小程序封装常用函数
封装自定义函数:新建js文件保存自定义函数,如:…/utils/network.js,在utils里封装的方法想要在外部使用必须通过 module.exports 或者 exports 对外暴露接口。function request(url, params, success, fail) { this.requestLoading(url, params, "", success, fail...转载 2019-06-17 15:13:08 · 1026 阅读 · 0 评论 -
微信小程序swiper不显示图片
wxml中:<swiper class="banner" indicator-dots="{{indicatorDots}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActiveColor}}" autoplay="{{autoplay}}" interval="{{interval}...转载 2019-06-18 08:46:14 · 3736 阅读 · 1 评论 -
小程序 tabBar 不显示文字或背景为黑色的解决办法
原因:由于模拟器环境与真机环境的差异,在app.json中定义tabBar文字颜色或背景色时用了black、white之类的英文单词导致的。解决办法:使用 #ffffff 格式表示颜色即可解决。...原创 2019-06-18 08:48:32 · 1878 阅读 · 0 评论 -
微信小程序标签内容的显示与隐藏
微信小程序中标签如果想隐藏该怎么办?wxml中:<input hidden="{{hidden}}" value="{{item.id}}"/><view hidden="{{hidden}}">测试</view>Js中:data: { hidden: true,},...原创 2019-06-18 08:56:45 · 6652 阅读 · 0 评论 -
微信小程序报错总结
1、警告: Now you can provide attr wx:key for a wx:for to improve performance.解决办法:在 wx:for 后面添加 wx:key=”***” 即可,如<block wx:for="{{Industry}}" wx:key="key">2、警告:Do not set same key “NaN” in wx:k...原创 2019-06-18 09:13:59 · 724 阅读 · 0 评论 -
微信小程序连接数据库
1、登录小程序后台 -> 开发 -> 开发设置 -> 服务器域名设置(协议必须是https或wss,https协议需要开启SSL证书),如图:若是在本地进行调试,可进行如下设置:2、.wxml文件中:<view wx:for="{{info}}" wx:key="key"> <text>{{item.id}} {{item.nicheng}} ...原创 2019-06-10 15:00:17 · 60006 阅读 · 10 评论 -
微信小程序视频组件简单使用
wxml中:<view wx:for="{{fen}}" wx:key="key"> <view><text>{{item.name}}</text></view> <video src="{{item.video}}" poster="{{item.poster}}"></video></view&...原创 2019-06-15 14:16:44 · 718 阅读 · 0 评论 -
微信自定义菜单文件直接提交生成
微信公众平台开发——>基本配置——>服务器配置注意:1、如果重启会导致原菜单消失,需提前备份菜单再重启。2、新菜单需24小时后才显示,可先取消再重新关注,就能及时显示。将以下代码保存为diancan_menu.php,并且在浏览器中直接运行该文件(比如 http://www.hiretianxia.cn/diancan/diancan_menu.php),将直接向微信服务器提交...原创 2019-04-07 10:00:36 · 217 阅读 · 0 评论 -
微信公众号开发总结
微信公众号开发流程:申请微信公众测试号http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login->成为开发者->创建表(菜单表;消息互动表;自动回复表;保存接口凭证access_token、凭证有效时间expires_in、接入公众平台令牌token、公众号唯一凭证appid、应用秘钥secret等,后3个在申请测试号...原创 2019-04-07 10:14:45 · 206 阅读 · 0 评论 -
微信小程序自动生成新页面及无法自动生成新页面的解决办法
快速创建一个新页面:在app.json里添加如下代码:{ "pages": [ "Pages/shebei/shebei" ]}写完后保存,在pages文件夹下会自动生成shebei文件夹,并生成shebei.js、shebei.json、shebei.wxml、shebei.wxss四个文件,不用手动添加。有时会报下图错误:解决办法:a、右键pages文件夹,点击新建目...原创 2019-06-12 15:12:10 · 9015 阅读 · 2 评论 -
小程序切换标签改变样式
wxml中:<view class="zixun"> <view wx:for="{{ziXun}}" data-id="{{index}}" wx:key="key" bindtap="xuan" class="zi"> <button class="{{index==id?'cha':'wen'}}">{{item}}</button>...原创 2019-06-13 10:30:14 · 1644 阅读 · 0 评论 -
微信小程序一键拨打电话
微信小程序中一键拨打电话可以使用提供的API接口:wx.makePhoneCall,下面是详细示例:wxml中:<button bindtap="to_call">拨打电话</button>js中:Page({ data: { phone: "0551-63733339" }, to_call: function(){ wx.makePhoneCal...原创 2019-06-14 09:23:48 · 2370 阅读 · 0 评论 -
微信小程序链接跳转
小程序中的跳转其实就是点击事件,因为点击一下才会跳转,这个事件的名称叫做bindtap,和网站开发中的click事件一样,都是点击时触发的事件,将其写在view标签里,如图所示:接着进入空的.js文件中,输入page并选中下拉列表中的Page,然后回车,就会出现如图所示的情况:编写go事件:微信小程序页面跳转方法总结:1、利用小程序提供的 API 跳转:a、保留当前页面,跳转到应用...转载 2019-06-09 11:52:39 · 7977 阅读 · 1 评论 -
微信小程序内置在线客服
在小程序中加入客服消息按钮有两种方法:方法一、插入固定样式的客服消息按钮:只需要在 WXML 代码中插入以下标签: <contact-button></contact-button>效果如下图:这种方法生成的客服消息按钮样式已经被固定,且颜色只能选择黑白两色,只能自定义按钮的尺寸大小。方法二、插入自定义样式的客服消息按钮:使用 button 组件的 ope...转载 2019-06-14 15:23:59 · 2223 阅读 · 0 评论 -
微信小程序内置map组件简单使用
wxml中:<map id="map" longitude="{{longitude}}" //中心经度 latitude="{{latitude}}" //中心纬度 scale="{{scale}}" //原始缩放级别,范围3-20 markers="{{markers}}" //标记点 show-location="{{s...原创 2019-06-14 17:01:07 · 2138 阅读 · 1 评论 -
wx.request()获取不到数据的原因
之前做一个项目,在本地测试一切正常。小程序js代码: wx.request({ url: 'http://localhost:88/test.php', //需勾选不校验合法域名 data: { page: that.data.page, count: that.data.pageSize }, method: 'POST', h...原创 2019-06-18 17:16:04 · 2764 阅读 · 0 评论