分类 微信小程序 下的文章
最近客户的国元车险自助理赔小程序遇到一个问题,什么都正常,但是正式版的小程序请求无数据返回,根据经验习惯性检查了下他们的ssl证书,就这将检查地址发出来https://www.myssl.cn/tools/check-server-cert.html如何解决呢,只需要三步就ko第一步:在https://www.myssl.cn/tools/downloadchain.html网站中将crt文件复制进去,点击获取中间证书并下载第二步:在原有的crt文件后面追加(不是覆盖)所获得中间证书内容第三步:重启nginx服务器当然也有的小程序ios正常安卓报"request:fail - 阅读剩余部分 -
添加两个事件(手指按下时,手指松开时)bindtouchstart="touchStart" //开始
bindtouchend="touchEnd"//结束
wxml<view bindtouchstart="touchStart" bindtouchend="touchEnd" ></view>
wjs:首先在data下添加 data: {
touchDotX:0,//X按下时坐标
touchDotY:0,//y按下时坐标
interval- 阅读剩余部分 -
首先引入小程序语音识别插件let plugin = requirePlugin("WechatSI")
let manager = plugin.getRecordRecognitionManager()
然后在wxml中设置对应的方法 <i-icon type="translation_fill" catchtouchstart="streamRecord" catchtouchend="endStreamRecord" size="28" color="#- 阅读剩余部分 -
/* 重写 checkbox 样式 */
/* 未选中的 背景样式 */
checkbox .wx-checkbox-input{
border-radius: 50%;/* 圆角 */
width: 40rpx; /* 背景的宽 */
height: 40rpx; /* 背景的高 */
}
/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */
checkbox .wx-checkbox-input.wx-checkbox-input-checked{
border: none;
background: red;
}- 阅读剩余部分 -
在mpvue项目中一个组件中,首先我们要把main.json里面的navigationBarTitleText设置成空,或者写个加载中{
"navigationBarTitleText": ""
}
通过查看官方api文档发现动态修改页面标题的方法是wx.setNavigationBarTitle(Object object) 详细请参考官方文档然后我们把它放到vue文件的mounted属性里就可以了
mounted() {
wx.setNavigationBarTitle({
title: '当前页面'
})
}
基于mpvue小程序进行分包首先在 pages / 下,新建 packageA/index 目录,在目录下再新建两个文件,index.vue和 main.js ,目录结构如下图所示:注意事项:要把子包的目录建在src/pages/ 下,而不是pages平级。然后对app.json进行配置"subPackages":[
{
"root": "pages/packageA/",
"pages": [
"index/main"
- 阅读剩余部分 -
有美团开源出的mpvue以其vue的语法和良好的开发效率再搭配上用户体验良好的UI组件无疑是定制化微信小程序的开发方式,然而由于mpvue是对微信原生开发的再次封装,这也为我们引入UI组件添加了不少麻烦,话不多说,接下来为大家展示引入vant-weapp的方法。1、首先,我们需要有个mpvue的基础的项目文件骨架,即用mpvue初始化一个项目# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-p- 阅读剩余部分 -
mpvue 安装比较简单,直接就把官方的步骤贴过来了# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project
# 安装依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev
1.在mpvue + vuex项目中我们不能通过vue那种方式来将store对象实例注入到每个子组件中从而无法使用this.$store.state.xxx、t- 阅读剩余部分 -
微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了.总算做出来了.分享出来看看.先看效果:再上代码:1.index.wxml<!--index.wxml-->
<view class="swiper-tab">
<view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">- 阅读剩余部分 -
最近在玩小程序,感觉以后这个会爆发,嗯开始搞起来吧今天来讲解下微信小程序是分享功能制作,由于微信更新,将分享功能改成了转发功能,下面是效果图在 Page 中定义 onShareAppMessage 函数,设置该页面的转发信息。只有定义了此事件处理函数,右上角菜单才会显示 “转发” 按钮用户点击转发按钮的时候会调用此事件需要 return 一个 Object,用于自定义转发内容title 转发标题,默认值当前小程序名称path 转发路径,默认值:当前页面 path ,必须是以 / 开头的完整路径success 转发成功的回调函数fail 转发失败的回调- 阅读剩余部分 -