网站开发

这篇文章主要为大家详细介绍了微信小程序实战之自定义模态弹窗，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 首先看看官方提供的模态弹窗，供大家参考，具体内容如下 api如下： 示例： 这样的模态弹窗，充其量只能做个alert，提示一下信息。但是并不能使用它来处理复杂性的弹窗业务，因此写了Michael从新自定义了一个，采用了仿原生的样式写法 wxml： <!--button-->  <view>button</view>    <!--mask-->  <view></view>  <!--content-->  <!--使用animation属性指定需要执行的动画-->  <view>     <!--drawer content-->   <view>弹窗标题</view>   <view>   <view>   <label>标题</label>   <input>   </view>   <view>   <label>标题</label>   <input>   </view>   <view> …

本文介绍微信小程序开发系列（二）开发组件使用的详解 一：开发组件使用初步 1：建立一个微信小程序的工程 2：请参考如下链接里面的内容，这是微信小程序的官方开发指南： https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html?t=20161222 3：可以拷贝部分例子程序到你建立的工程中，使用微信小程序的组件，如图1所示：       我们在first.wxml中可以写first这个页面的布局，例如图1中我们写了一个字符串：“1234567890abcdefg”，在这个字符下面我们写了一个微信小程序的button，button显示的内容为“default”，type=“default”—这个是表示该button为默认的显示效果，如图1左边模拟器中显示为圆角淡灰色按钮左右两边无边距。      注：很多网友会发现：在微信小程序开发工具中编写完代码然后，点击微信小程序开发工具左侧下方的“编译”按钮后，模拟器中并没有反应，其实这是因为，你编写完代码应该敲击键盘的Ctrl+s，保存代码，然后再点击“编译”，这样才能在模拟器中显示出对应代码的效果。 图1 4：按钮显示内容和点击事件的绑定：       我们下面实现一个功能：点击按钮后，按钮的内容更换新的内容 1）在first.wxml中加入如下代码：其中bindtap=”btnClick”为按钮的点击时间绑定的方法：btnClick()，{{btnText}}为按钮显示的内容绑定的变量：btnText {{btnText}} 2）方法：btnClick()和变量：btnText都要在first.js中实现，如图2所示 图2    3）按钮点击前和点击后，模拟器显示效果如图3所示： 图3 5：text组件使用初步：       我们下面实现一个功能：点击按钮后，把text组件的初始内容进行修改，然后再点击按钮，text组件内容消失，然后再点击按钮，text组件内容出现。。。。。。以此类推。 1）在first.wxml中加入如下代码：…

微信公众号开发weui使用心得，避免少犯错！ 特别注意： 如果使用 jquery，则 jquery.js 一定要放在 的最后面，否则 weui 不起作用。 引用部分 weui 只需要加载 weui.css 即可 {% load staticfiles %} <link> 登录后复制 引用 weui 整个例子框架 head link css     <meta>     <meta>     <title>WeUI</title>     {% load staticfiles %}     <link>     <link> 登录后复制…

微信公众号中个性化菜单的开发实例 个性化菜单让公众号的不同用户群体看到不一样的自定义菜单。该接口开放给已认证订阅号和已认证服务号，个性化菜单要求用户的微信客户端版本在iphone6.2.2，android 6.2.4以上，暂时不支持其他版本微信，另外定义个性化菜单之前必须先定义默认菜单。 开发者可以通过以下条件来设置用户看到的菜单： 用户标签（开发者的业务需求可以借助用户标签来完成） 性别 手机操作系统 地区（用户在微信客户端设置的地区） 语言（用户在微信客户端设置的语言） 个性化菜单匹配规则说明： 个性化菜单的更新是会被覆盖的。例如公众号先后发布了默认菜单，个性化菜单1，个性化菜单2，个性化菜单3。那么当用户进入公众号页面时，将从个性化菜单3开始匹配，如果个性化菜单3匹配成功，则直接返回个性化菜单3，否则继续尝试匹配个性化菜单2，直到成功匹配到一个菜单。根据上述匹配规则，为了避免菜单生效时间的混淆，决定不予提供个性化菜单编辑API，开发者需要更新菜单时，需将完整配置重新发布一轮。 本例的项目结构如下，除了上一章的文件之外，还增加了三个处理个性化菜单的文件。 addconditional_menu.php：创建个性化菜单 trymatch.php： 测试匹配个性化菜单 delconditional_menu.php：删除个性化菜单 1、创建个性化菜单 创建个性化菜单的接口是https://api.weixin.qq.com/cgi-bin/menu/addconditional?access_token=ACCESS_TOKEN，以post方式发送菜单字符串。 addconditional_menu.php <?php require_once('./Utils.php'); //个性化菜单字符串 $menujson = '{ "button":[ { "type":"click",…