首页 > 网站 > WEB开发 > 正文

微信小程序实用小技巧

2024-04-27 15:09:57

字体：大中小

来源：转载

供稿：网友

CSS:

实现渐变色

第一个是起点颜色，慢慢过渡到第二个颜色从上到下的线性渐变：background: linear-gradient(red, blue);从左到右的线性渐变：background: linear-gradient(to right, red , blue);

渐变色.png

裁圆角

设置弧度顺序是左上角右上角右下角左下角（顺时针）border-radius: 3px 0px 0px 3px;

JS:

调用电话

//拨打手机 calling:function(event){ console.log('拨打手机') console.log(event) var that = this; wx.makePhoneCall({ phoneNumber:that.data.phone, //此号码并非真实电话号码，仅用于测试 success:function(){ console.log("拨打电话成功！") }, fail:function(){ console.log("拨打电话失败！") } }) },

下拉刷新，上拉加载更多

1）首先在要刷新类的.json文件里添加

{ "enablePullDownRefresh": true}

2）然后在js里实现"onPullDownRefresh"和"onReachBottom"方法即可

下拉事件onPullDownRefresh: function() { console.log('刷新'); }, 上拉事件onReachBottom: function() { console.log(' 下一页'); },

注意：刷新可能会和scroll-view控件冲突

上一篇：JAVAWEB开发之JSTL标签库的使用、自定义EL函数、自定义标签（带属性的、带标签体的）

下一篇：欢迎使用CSDN-markdown编辑器

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注