MrXu的博客

1.去掉textarea上的完成按钮栏，每次输入换行时会遮挡住光标所在的输入行。使用show-confirm-bar=’false’竟然无效解决办法： 文档上说明默认为true，且是boolean类型。设置了false无效，但是设置show-confirm-bar=” 则ok show-confirm-bar=”{{false}}” 1.6.0以上2.

1.实现常见的我的界面常用的功能组，不多说先上图 本文重点讲的是： 上面这张图相信很多人都不陌生，但是要如何横竖细缝的都很正规呢请看下面的代码wxml代码<view class='item'> <image class='left' src='/img/phone-2.png'></image> <view class='c...

一言不合就上图： 首先整合一些黑科技： 1.每个月的天数如何计算：new Date(year, month, 0).getDate() 解释说明：7.Find a value t such that YearFromTime(t) == ym and MonthFromTime(t) == mn) and DateFromTime(t) == 1; but if this i...

列表取值任何一个APP，WEB都不会缺少列表的动态生成。所以微信小程序也不列外，官网上有微信动态生成的代码。但仅仅动态生成还不足以开发项目。下面我来告诉大家如何获取单击的列表的值，并且传入下一个界面。 生成动态列表的代码：<block wx:for="{{[1, 2, 3]}}"> <view> {{index}}: </view> &lt...

微信小程序支付的前置准备： 1.微信商户平台账号 2.微信小程序账号 3.微信小程序开通支付接口（个人暂时不支持开通支付）前台需要的操作： 1.登录获取code,传给后台 2.获取后台传过来的值调用wx.requestPayment方法 后台需要的操作: 1.通过前台传过来的code来获取用户的openId 2.生成sign 3.获取perpay_id 4.再生成一次前台需...

我根据微信小程序的特点弄了一套简单的栅格布局。.row { display: block; margin: 0px;}.col { display: flex; font-family: -apple-system-font, "Helvetica Neue", sans-serif; font-size: 17px;}.col>.col-1, .co...

先来科普一下什么事rem布局，所谓的rem布局是能够根据手机的大小进行自适配的一种布局方式。如何实现的自适配呢，这就依赖于手机的逻辑像素（手机的屏幕尺寸，例如iphone：375*667）和dpi值（dpi值=物理像素/逻辑像素(物理像素是实际像素，例如iphone:1334*750)）了。 rem单位是根据根节点的字体大小设置的如：` 根节点的大小是：font-size=20px; 则...

大家都知道在html中抛锚直接使用a标签就可以了，但是小程序没有a标签，只有navigator标签。这可咋办呢？这个时候就要使用小程序的标签了。 这个标签里面有个属性是scroll-into-view=”“(此空填写你要跳转到的地方的id)wxml内容<scroll-view scroll-into-view='position' scroll-y='true' scrol...

先上原理： 1.父标签设置为white-space: nowrap; 2.将子标签设置为行内块元素display:inline-block;根据white-space: nowrap的介绍文本不会换行，所以我们将子类设置为行内块元素以实现横向滚动效果<scroll-view scroll-x style='white-space: nowrap;'> &l...

二话不说先上图 简介： 优点：星星数量、选中的颜色、未选中颜色、星星大小都是可以自己控制的 缺点：只支持小星星，因为采用的并不是图片，而是星星文字有兴趣的通知可以将星星改成字体图标，实现原理相同。这样只支持小星星的缺点也就不存在了。实现方式： 核心代码：for (var i = 0; i < a.index + 1; i++) { list[i]....