背景 在学习微信小程序开发wxml页面时,需要使用if,else来判断组件是否进行展示,代码如下 <view wx:if="{{is_login==1}}">成功登录</view> <view wx:elseif="{{is_login==2}}">登录失败2</view> <view wx:else>登录失败3</view> 结果出现错误如下 经过研究,原来是没有wx:elseif这个用法的,…
1.搭配view <view wx:if="{{boolean==true}}"> <view class="bg_black"></view> </view> <view wx:elif="{{boolean==false}}"> <view class="bg_red"></view> </view> <view wx:e…
微信小程序开发 联系 苏念 188.1414.7927  微信小程序系统开发 微信新功能开发 小程序开发 小程序怎么开发 app小程序开发 简化小程序开发 微信小程序定制 小程序制作 开发微信小程序 随着微信的更新和发展,微信用户也变得越来越多,紧随其兴起的微信第三方平台也如雨后春笋般涌现,许多商家和企业也都纷纷开通企业微信公众号并接入第三方平台,欲在微营销战场中占得一席之地,以拓展品牌的知名度.如今,在很多企业的微信公众账号上都可以看到微商城.微官网.微会员等常见的功能和服务,这些功能和服务或…
配置 -app.json文件对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.tab等 { "pages": [ //决定页面文件的路径 "pages/index/index", //第一项配置为默认打开时显示的页面,不需要后缀名,因为其包含.js文件..wxml文件..wxss文件以及.json文件, "pages/logs/logs" ], "window": { //窗口默认的表现 "b…
小程序现在越来越流行,但是公司的很多项目都是用网页写的,小程序语法不兼容原生网页,使得旧有项目迁移至小程序代价很高: 小程序之前开放了webview功能,可以说是网页应用的一大福音了,但是微信的webview有一些坑,这篇文章就是列举一下我在开发过程中遇到的一些问题以及我找到的一些解决方案. 遇到的问题 openid登录问题 webview动态src 支付功能 分享功能 扫描普通二维码跳转特定页面 返回按钮缺失问题 openid登录问题 微信webview的使用方法很简单,只要如下设置src就可…
在之前已经通过微信公众平台的官方网站https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html,注册好小程序并且登录成功后(这里主要是学习为主,所以注册时选择的主体是个人),点击“文档”-->“开发”--“工具”,即可下载最新的开发者工具.这个网站对于新手来说非常重要,建议收藏下. 这里的配置在该网站的开发文档里也有详细的讲解(“框架”-->“配置”),可以参考下. 现在就列举下一些基础的配置吧.(首先新添加一个项目,这里要…
在小程序火热的今天,作为IT行业的一员,我也来凑了一下热闹,话不多说了,接下来看看视频上传,和跨页面获取值的相关案例吧!! 视频上传部分代码: 视频播放 随机颜色的产生: 颜色页面的选择:…
微信小程序数据请求方法 wx.request wxml文件: <view> <textarea value="{{textdata}}"/> </view> <button bindtap="RequestData" value="Button">Button</button> 主要是一个按钮,点击后将请求的数据写入到textarea中 js文件: Page({ data:{ textd…
微信小程序wepy开发循环wx:for需要注意 item index值必须在wx:for之后使用 <view wx:for="{{tablist}}" class="item {{activeid === item.id ? 'active':''}}" wx:key="{{index}}" @tap="checkcookbookitem({{item.id}})"> <text>{{item.titl…
微信小程序组件设计规范 组件化开发的思想贯穿着我开发设计过程的始终.在过去很长一段时间里,我都受益于这种思想. 组件可复用 - 减少了重复代码量 组件做为抽离的功能单元 - 方便维护 组件作为template使用,可以方便计算各种属性而不是在wxml引入wxs 在日常的小程序开发组件过程中,我一般会遵循如下几个规则: 1.样式独立 & 依赖独立 在组件开发过程中,组件可以依赖于全局样式,组件在引入时,使用该页面样式和全局样式共同渲染. options: { addGlobalClass: tru…