![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
川川~
剪水行舟
展开
-
使用Vant Weapp,发现Dialog的确认按钮不能正确显示的问题
问题先上效果一个确认按钮的弹窗,发现确认按钮跑偏两个按钮的弹窗,发现取消按钮占的位置太大,确认按钮超出dialog弹出框一开始以为是最新的库版本有问题,app.json中"style": "v2"的原因查看issues和官方文档 发现是这个库还未兼容v2关于style:v2的介绍微信客户端 7.0 开始,UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 “style”: "v2"可表明启用新版的组件样式。本次改动涉及的组件有 button icon原创 2021-12-22 14:58:53 · 1633 阅读 · 0 评论 -
【微信小程序】实现垂直滚动消息、滚动广告,无限轮播
利用setInterval实现垂直滚动消息、滚动广告,无限轮播原创 2021-08-23 11:16:03 · 3789 阅读 · 0 评论 -
【微信小程序】组件中properties与data的异同
总结组件中porperties与data的相同点与不同点以及需要注意的地方原创 2021-02-20 11:05:30 · 8033 阅读 · 2 评论 -
【微信小程序】回调函数
介绍微信小程序的回调函数的使用原创 2021-02-19 14:16:45 · 5472 阅读 · 0 评论 -
【微信小程序】引入模块(require、import)和返回模块(module.exports、export)
require、import与module.exports、export的使用方式原创 2021-02-18 15:32:59 · 4991 阅读 · 0 评论 -
【微信小程序】this指代与es6箭头函数处理 Cannot read property ‘data‘ of undefined
this指代let that = this和箭头函数()=>{}处理this作用域问题原创 2021-02-18 10:06:58 · 773 阅读 · 0 评论 -
【微信小程序】利用WXS在WXML中使用toFixed方法
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构原创 2021-02-17 16:22:53 · 2040 阅读 · 0 评论 -
【微信小程序】通过三元表达式给view动态设置class
<button class="check-button {{btnDesc == '已核销' ? 'checked-color' : 'uncheck-color'}}" catchtap="payClick" hidden="{{payBtnHidden}}">{{btnDesc}}</button>其中checked-color是“已核销”的按钮样式,uncheck-color是“核销”的按钮样式...原创 2021-02-17 15:17:41 · 1508 阅读 · 0 评论 -
【微信小程序】button border: none;去掉边框后后还有边框
button::after { border: none;}原创 2021-02-17 15:01:56 · 1129 阅读 · 0 评论 -
【微信小程序】使用splice方法删除数组中的某一个元素
项目中遇到删除列表中某一个item的需求,当使用splice的时候,理解有问题。let item = that.data.items.splice(0, 1)这里返回的item是被删除的那一条,不是删除后剩下原创 2021-02-06 15:03:19 · 5110 阅读 · 1 评论 -
【微信小程序】input组件中文字水平居中
text-align: center原创 2021-02-06 14:24:17 · 4878 阅读 · 0 评论 -
【微信小程序】设置page页面的背景颜色、设置view的高度占满全屏
页面背景颜色和view高度占满全屏原创 2021-02-04 17:26:12 · 4626 阅读 · 0 评论 -
【微信小程序】商品详情页HTML标签解析库 wxParse与mp-html
上找了两个库,一个4年没更新有着7.5k Start的老库[wxParse]另外一个是1.4k Start的库[mp-html]原创 2021-01-29 15:45:42 · 1114 阅读 · 0 评论 -
【微信小程序】 解决“enablePullDownRefresh“: true下拉刷新还是不起作用
scroll-view造成的无法触发刷新原创 2021-01-24 18:07:38 · 5786 阅读 · 0 评论 -
【微信小程序】解决 设置position:fixed后遮挡内容、内容显示不全
通过padding巧妙解决position:fixed遮挡内容造成的内容显示不全问题原创 2021-01-24 18:07:14 · 5806 阅读 · 0 评论 -
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors,and...
我出现这个问题的原因是在组件的样式中使用了button { }这个异常的原因是解决方法在组件的Component中添加 options: { addGlobalClass: true, },然后将组件中出现问题的样式剪切到使用该组件的page的样式中,我出现问题的样式是button { }警告就解除了。设置addGlobalClass: true 或者apply-shared 表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面.原创 2021-01-17 23:56:10 · 5053 阅读 · 0 评论 -
【微信小程序】如何使用flex布局来编写界面,实现常用的页面布局或排布
编写页面是微信小程序乃至前端中最重要的环节之一。如何简单的实现常见的布局排布(水平居中、垂直居中、左对齐、右对齐、等距分布等等)呢?话不多说,开始搞一、讲一讲displaydisplay 属性规定元素应该生成的框的类型。我的理解呢,就是布局的显示类型,或者说是布局的显示方式,比如说:display:none; 就表示此元素不显示,以及今天要讲的:display:flex;表示此元...原创 2019-08-03 16:20:08 · 1836 阅读 · 0 评论 -
【微信小程序】自定义组件--跟随手指滑动的进度条
先上gif图我们在做商城一类的小程序的时候,会遇到评价订单或者评价人员的需求。目前市面上常见的是对订单或则人员进行星级评价,如下图如果我们要换一个实现方式,用拖动进度条来评价,要怎么做呢?我们想,当手指触摸到滑块、移动滑块和抬起手指,微信小程序肯定会有相应的事件来记录或者捕捉。根据文档我们可以查阅到这三个事件1.touchstart 手指触摸动作开始2.touchmove 手指触摸...原创 2019-08-01 15:32:26 · 6307 阅读 · 4 评论 -
【微信小程序】发起微信支付时报错“调用支付JSAPI缺少参数:total_fee”
报错如图捋了一下文档,发现调用wx.requestPayment(OBJECT)发起微信支付的时候,所传的参数格式有问题如图我调试的时候发现,当我调用完“统一下单接口”后给我返回的格式是prepayId=*****。然后找到后台同学沟通一哈子,改成prepay_id=***格式的就好了...原创 2019-08-02 10:39:17 · 3031 阅读 · 0 评论 -
【微信小程序】微信小程序实现未来一周时间表,时间表中显示时间段和是否可以预约或使用
一、效果图(时间为灰色为该时间段不可使用)未选中效果 选中效果二、分析根据图中的效果,可以一行一行的来写,总共有7行,每一行的第一列都是周几+日期,第一列以后都是时间段。1、处理第一列:可以写js,获取未来一周的日期和日期对应是周几let tim...原创 2019-08-14 13:54:17 · 6811 阅读 · 3 评论 -
微信小程序中text设置line-height不起作用的解决方法
最近在研究微信小程序开发,在学习慕课网上连胜老师的《入门微信小程序开发》课程里,遇到一个问题,给text设置line-height为1的时候不起作用页面代码如下 <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}...原创 2019-08-02 08:53:06 · 732 阅读 · 0 评论