川川的博客

问题先上效果一个确认按钮的弹窗，发现确认按钮跑偏两个按钮的弹窗，发现取消按钮占的位置太大，确认按钮超出dialog弹出框一开始以为是最新的库版本有问题，app.json中"style": "v2"的原因查看issues和官方文档 发现是这个库还未兼容v2关于style:v2的介绍微信客户端 7.0 开始，UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 “style”: "v2"可表明启用新版的组件样式。本次改动涉及的组件有 button icon

利用setInterval实现垂直滚动消息、滚动广告，无限轮播

总结组件中porperties与data的相同点与不同点以及需要注意的地方

介绍微信小程序的回调函数的使用

require、import与module.exports、export的使用方式

this指代let that = this和箭头函数()=>{}处理this作用域问题

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构

<button class="check-button {{btnDesc == '已核销' ? 'checked-color' : 'uncheck-color'}}" catchtap="payClick" hidden="{{payBtnHidden}}">{{btnDesc}}</button>其中checked-color是“已核销”的按钮样式，uncheck-color是“核销”的按钮样式...

button::after { border: none;}

项目中遇到删除列表中某一个item的需求，当使用splice的时候，理解有问题。let item = that.data.items.splice(0, 1)这里返回的item是被删除的那一条，不是删除后剩下

text-align: center

页面背景颜色和view高度占满全屏

上找了两个库，一个4年没更新有着7.5k Start的老库[wxParse]另外一个是1.4k Start的库[mp-html]

scroll-view造成的无法触发刷新

通过padding巧妙解决position:fixed遮挡内容造成的内容显示不全问题

我出现这个问题的原因是在组件的样式中使用了button { }这个异常的原因是解决方法在组件的Component中添加 options: { addGlobalClass: true, },然后将组件中出现问题的样式剪切到使用该组件的page的样式中，我出现问题的样式是button { }警告就解除了。设置addGlobalClass: true 或者apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面.

编写页面是微信小程序乃至前端中最重要的环节之一。如何简单的实现常见的布局排布(水平居中、垂直居中、左对齐、右对齐、等距分布等等)呢？话不多说，开始搞一、讲一讲displaydisplay 属性规定元素应该生成的框的类型。我的理解呢，就是布局的显示类型，或者说是布局的显示方式，比如说：display:none; 就表示此元素不显示，以及今天要讲的：display:flex;表示此元...

先上gif图我们在做商城一类的小程序的时候，会遇到评价订单或者评价人员的需求。目前市面上常见的是对订单或则人员进行星级评价，如下图如果我们要换一个实现方式，用拖动进度条来评价，要怎么做呢？我们想，当手指触摸到滑块、移动滑块和抬起手指，微信小程序肯定会有相应的事件来记录或者捕捉。根据文档我们可以查阅到这三个事件1.touchstart 手指触摸动作开始2.touchmove 手指触摸...

报错如图捋了一下文档，发现调用wx.requestPayment(OBJECT)发起微信支付的时候，所传的参数格式有问题如图我调试的时候发现，当我调用完“统一下单接口”后给我返回的格式是prepayId=*****。然后找到后台同学沟通一哈子，改成prepay_id=***格式的就好了...

一、效果图（时间为灰色为该时间段不可使用）未选中效果 选中效果二、分析根据图中的效果，可以一行一行的来写，总共有7行，每一行的第一列都是周几+日期，第一列以后都是时间段。1、处理第一列：可以写js，获取未来一周的日期和日期对应是周几let tim...

最近在研究微信小程序开发，在学习慕课网上连胜老师的《入门微信小程序开发》课程里，遇到一个问题，给text设置line-height为1的时候不起作用页面代码如下 <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}...