棒怡情的专栏

微信小程序，设置标签默认效果和选中效果样式设置。

WeUi slideview左滑菜单。设置同一时间只能有一个列表显示左滑菜单。其它列表收齐。 bindshow

微信小程序 — 图片实现缩放，拖拽功能

微信小程序二维码内容，生成海报图片。分享到微信好友功能

在微信小程序中生成二维码功能

微信小程序 — 自定义轮播图的面板指示点样式

实现方式使用swiper，设置方向为纵向 virtical

微信小程序 网络封装

第一种：wx.saveFile(Object object)保存文件到本地。注意：saveFile 会把临时文件移动，因此调用成功后传入的 tempFilePath 将不可用，本地文件存储的大小限制为 10Mwx.chooseImage({ success: function(res) { const tempFilePaths = res.tempFilePaths wx.saveFile({ tempFilePath: tempFilePaths[0],

我们写radio组件的时候。效果如果radio只点击单选框才可以选中，点击radio后面跟的文字无法选中。则可以用label标签把它们包裹起来<label> <radio value="r_agree" color="#4698f5" />已经阅读并同意《注册协议》</label>加了label标签。则点击 前面的单选框和后面的文字，都可以选中。不用label标签，则只能 点击前面的对话框，来选中。...

点击页面的相册按钮如何打开系统相册。选择图片：<text class="nav-item1" bindtap="navToalbum">相册</text> //打开相册选取 navToalbum() { var that = this; wx.chooseImage({ count: 9, sizeType: ['original', 'compressed'], sourceType: ['album'],

我们开发过程在要实现列表，展示，同时可以左滑删除。效果如下图。实现此效果可以使用WeUI组件库里面的sliderview来实现1.首先需要在我们的app.json文件指定需要引用的扩展库 "useExtendedLib": { "weui": true },2.在页面的 json 文件加入 usingComponents 配置字段{ "usingComponents": { "mp-slideview": "weui-miniprogram/slidevie.

如图微信小程序背景色。上面放文字如何实现此效果。背景色设置css样式是position: relative;文字设置css样式position: absolute;布局wxml: <view> <image src="/static/images/my_bg.png" class="my_bg"></image> <text class="companyNameClass textClass">{{qymc}}&l...

如上图，实现类似安卓中gridview的效果。实现思路一：设置flex布局，然后方向是横向，可以换行设置每个item的宽度。和空白区域的宽度。正好2个item可以占满屏幕。等第三个的时候就会换行排列.rowFlex { display: flex; flex-direction: row; flex-wrap: wrap; box-sizing: border-box; width: 100%; alig...

button设置宽度不起作用。记得加 !importantcss中直接给button设置width: 660rpx 宽度不起作用，记得要在宽度数值后面加上 !important.notClickClass { width: 660rpx !important; height: 80rpx; background: #d5d5d5; border: 1px solid #d5d5d5; border-radius: 41px; font-size: 28rpx;

如图，相册二字想在白色区域内垂直居中。水平居中是设置text-align:center。垂直居中就设置 height:100rpx；line-hight:100rpx；（height和line-hight设置一样高度。则垂直居中）

如图我们要实现以下效果。列表在区域内上下滚动，查看数据。由于我们的底部tabbar是自定义的底部view.所以有底部组件的高度。如何实现：实现思路一：我们设置整体布局flex, 方向column，设置高度100%，然后设置滑动部分的布局flex, 方向column,同时设置margin-bottom:(底部自定义tabbar的高度)整体布局结构如下图：用到的css样式：page { height: 100%;}.container { height: 10..

wxml文件中。<camera wx:if="{{isAuth}}" device-position="back" flash="off" binderror="error" style="width: 100%; height: 90%;"> </camera>调用系统相机首先需要授权。camera.js中。代码如下：/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { cons.

先弹出操作菜单，选择拍照还是从相册选择。根据用户选择进行相应操作。如图所示代码如下：browse:function(){ let that = this; wx.showActionSheet({ itemList: ['从相册中选择', '拍照'], itemColor: "#00ff20", success: function(res) { if (!res.cancel) { if (res...

代码如下。这里用到的是InnerAudioContextsrcurl是播放的MP3的路径。例如：/image/a.mp3playmp3: function(event) {var srcurl="/image/a.mp3"const innerAudioContext = wx.createInnerAudioContext()innerAudioContext.autopla...

针对容器的属性flex布局属性。声明一下布局是flex布局。display:flex；声明一下flex布局的方向（默认是水平。）flex-direction:row；设置里面的内容如果一行放不下。是否自动换行flex-wrap:wrap //换行flex-wrap:nowrap //不换行flex-wrap:wrap-reverse //换行，第

1.微信公众平台 https://mp.weixin.qq.com/wxopen/devprofile?action=get_profile&token=26722685&lang=zh_CN 配置一下自己服务器域名 request后面的https://域名2.在项目的配置信息哪里点击刷新,如图3.开发工具，清缓存，刷新 调试 缓存

从A页面跳转到B页面的页面传值例子第一步1 .通过在wxml里面，Navigate标签进行跳转第二步 2.在B页面的js文件的onLoad方法里面进行接收。例子。

开发遇到问题：1.image设置图片的时候图片在开发工具上面显示，可是运行到手机上面不显示。仔细查看是不是先图片的时候。设置路径不小心在后面加了空格。例如：正确：手机上显示错误：手机上不显示 src里面的内容后面不小心加了空格2.数据传值的问题：传值的方法。（案例例如一个for循环。然后点击item需要知道点击的是第几个item。）

一共算是有四种方式。1.使用组件。标签。来实现。特点：点击有按下的效果 跳转 2.给页面布局加监听时间bindtap事件。然后在方法里面。通过wx.navigatorTo来实现跳转特点：点击无按下的效果。 redirect_my_jianzhi: function () { wx.navigateTo({ url: '../my_jianzhi/

1.首先wxml布局文件这么写。   open-type是固定的。   bindgetPhonenumber后面跟的是自定的方法名open-type="getPhoneNumber"bindgetphonenumber="getPhoneNumber" 微信用户快速登录2. js文件。写法  需要把获取的js_code,  iv,

Hi! 最新小程序很"火"，然后我也就紧跟时代步伐。简单的学习了一下。把笔记记下来，以便自己更好的学习和复习。      言归正传，任何技术学习起来都要先了解一下发展背景：      一、什么是微信小程序。    小程序是一种不需要下载安装即可使用的应用，它实现了应用「触手可及」的梦想，用户扫一扫或搜一下即可打开应用。也体现了「用完即走」的理念，用户不用关心是否安装太多应用的问题。应用