.city-radio-group-label .city-label-radio {    //label样式   padding: 15rpx 50rpx;   position: relative;   font-size: 28rpx;   margin-bottom: 30rpx;   color: black;   background: white;   border-radius: 10rpx; } .city-label-style .wx-radio-input {    /

由于官方API提供的显示模态弹窗,只能简单地显示文字内容,不能对对话框内容进行自定义,欠缺灵活性,所以自己从模态弹窗的原理角度来实现了自定义的模态对话框. wx.showModal修改样式后的效果,如下图所示: index.wxml代码: <!--index.wxml--> <button class="show-btn" bindtap="showDialogBtn">弹窗</button> <!--弹窗--> &l

wxSearch优雅的微信小程序搜索框 一.功能 支持自定义热门key 支持搜索历史 支持搜索建议 支持搜索历史(记录)缓存 二.使用 1.将wxSearch文件夹整个拷贝到根目录下 2.引入 // wxml中引入模板 <import src="/wxSearch/wxSearch.wxml"/> <template is="wxSearch" data="{{wxSearchData}}"/> // wxss中引入 @i

今天在写小程序的时候用到radio组件,但是很懊恼并未提供修改radio组件大小属性,第一感觉准备用css width , height 改变radio的大小,但是怎么搞也无法改变. 但是又不愿意搞个图片或者字体啥的,感觉麻烦,后来用了下面样式可以改变radio默认样式大小: radio{ transform:scale(.8)  }

今天想聊一聊小程序里面存在的一些逻辑问题,拿手上的这个小程序来说,(这个小程序是开发出来玩的,每个人手上有一个手环,带着手环时候的心率,运动步数,血压数据都会展现在这个小程序里面,一目了然)用户第一次登陆的时候,是没有绑定手环ID的,这个时候就需要弹出提示框,提示确定跳转到绑定手环id的页面,绑定成功之后,就会跳转到首页,首页显示手环的电量,手环拥有者的心率运动血压等具体的数据. js逻辑原理很简单:以下代码仅供参考 //获取应用实例 const app = getApp() Page({ da

提示框: wx.showToast(OBJECT) 显示消息提示框 OBJECT参数说明: 示例代码: wx.showToast({ title: '成功', icon: 'success', duration: }) wx.hideToast() 隐藏消息提示框 wx.showToast({ title: '加载中', icon: 'loading', duration: }) setTimeout(function(){ wx.hideToast() },) wx.showModal(OBJ

在微信小程序里的搜索框,按软键盘回车键触发搜索事件. <input type="text"  placeholder="搜索" value="{{inputVal}}"  bindinput="inputTyping" bindconfirm="search" /> bindconfirm  即为回车事件,为它绑定上需要触发的事件.search是对应的搜索方法.

作者:瘟小驹    文章来源<微信小程序个人开发全过程> 准备工作: 准备工具:Eclipse.FileZilla.微信开发者工具.一个配置好SSL证书(https)的有域名的服务器 所需知识:SpringMVC框架.Java+HTML+CSS+JS.文件上传技术.Tomcat虚拟目录.接口调用与发布 成品介绍:将中文语音直接转化成英文语音.好久不用现在已下线...可以在微信搜我另外一个作品"壹曲觅知音"玩玩,博客地址: https://blog.csdn.net/qq_3

更新 2019-01-26:首次发布 2019-01-27:增加默认取值选中radio/checkbox,checkbox需在onload取值 2019-01-28:增加radio取值不存在红色提示和checkbox演示取值实例以及修复radio卡顿情况.以及radio取不同值演示(radio.wxml) 自定义radio/checkbox组件,可根据自己要求自行修改 (可取值) tips:如果需要改成自己需要的样式,可以进行任意扩展 点击下载:示例 ,支持的话可以给个star

1.wx.showToast() 方法可以配置toast框的提示文字,消失的时间,显示的图标 wx.showToast({ title: '请链接网络', icon:"none", // 没有图标时,使用none duration:2000 })

wx.showModal wx.showModal({ title: '删除图片', content: '确定要删除该图片?', showCancel: true,//是否显示取消按钮 cancelText:"否",//默认是“取消” cancelColor:'skyblue',//取消文字的颜色 confirmText:"是",//默认是“确定” confirmColor: 'skyblue',//确定文字的颜色 success: function (res) {

1.页面代码 <view catchtap='showInputLayer' class="btn_pay">立即支付</view> <!-- 密码输入框 --> <view wx:if='{{showPayPwdInput}}'> <view class='bg_layer'></view> <view class='input_main'> <view class='input_title'&

page({ // 绘制canvas drawCanvas:function(){ const ctx = wx.createCanvasContext('poster') // 画圆形二维码 this.circleImg(ctx,this.data.canvasLotteryQR, 151.5, 535.5, 36) // (canvas对象,二维码图片本地路径(如果是网络图片先用wx.downloadFile存本地),坐标x, 坐标y, 半径) }, // 圆形图片 circleImg: f

swiper(class名).wx-swiper-dots.wx-swiper-dots-horizontal{    //距离底部高度 margin-bottom: 2rpx; } swiper(class名) .wx-swiper-dot{    //指点宽高样式 width:40rpx; display: inline-flex; height: 10rpx; margin-left: 20rpx; justify-content:space-between; } swiper(class

css样式改变大小: transform:scale(.7);

一.wx.showToast 如上图所示,showToast会显示一个弹窗,在指定的时间之后消失.中间的图标默认只有加载中和成功两种,也可以用image参数自定义图标 wx.showToast({ title: '成功', icon: 'success', duration: 2000 }) 参数说明: 二.wx.showModal showModal不会自动消失,在可以在用户点击确定后跳转到其他界面 wx.showModal({ title: '提示', content: '暂无错题-', s

wx.showToast({ title: '成功', icon: 'success', duration: 2000, success:function(){ console.log('haha'); setTimeout(function () { //要延时执行的代码 wx.switchTab({ url: '../user/user' }) }, 2000) //延迟时间 } }) 关注微信公众:lovephp

wxml <view class='textarea-count'> <textarea placeholder='请输入文字' bindinput="getWords" maxlength='{{maxTextLen}}'></textarea> <view class='text-count-display f f-end'>{{textLen}}/{{maxTextLen}}</view> </view> w

search.wxml <view class="header"> <view class="search"> <icon type="search" size="18" color=""> </icon> <input type="text" confirm-type="search" bindconfirm=&

if (!logined) { wx.showModal({ title: '提示', content: '您还没登录登录车掌柜, 是否前往登录', confirmText: '前往登录', confirmColor: '#F87A54', success (res) { if (res.confirm) { that.goToLogin() } } }) return } wx.navigateTo({ url: '../resourceOrder/resourceOrder' })