
小程序
文章平均质量分 91
峰峰崛起的我
欢迎大家点赞关注评论,多多交流,相互促进,动动大家发财的小手点点关注。。。。。
展开
-
微信小程序自定义顶部栏、等十个重要的常见功能总结
一、使用本机字体二、自定义透明顶部栏三、拨打电话四、获取用户信息五、动态设置图片地址六、一键内容到剪切板,并关闭弹框提示七、多选及重置功能:动态改变class八、px及rpx九、如何使用vant-ui库十、如何使用自定义组件10.1 封装 compontents/newsList10.2 页面调用一、使用本机字体css中更改字体()font-family.page{ font-family:Monospaced Number,Chinese Quote,-ap...原创 2021-07-05 16:48:25 · 1384 阅读 · 0 评论 -
微信小程序使用npm安装第三方包
微信小程序使用npm安装第三方包首先使用npm当然要安装node.js,下面开始正式步骤。1.控制台进入到小程序的目录2.进行项目的初始化,成功之后便会在小程序目录先生成package.josn文件npm init注意:初始化项目都可以按回车,之后可以进行修改3.安装第三方依赖,npm-test002是我自己发布的一个测试1 npm i npm-test002 ...原创 2020-04-28 13:13:59 · 4929 阅读 · 1 评论 -
小程序表单校验
一.使用WxValidate插件进行表单校验下载地址https://github.com/18622426238/WxValidate.git1.test.wxml<!--pages/test/test.wxml--><form bindsubmit='formSubmit'><view class="subInfo"> <view ...原创 2019-12-02 17:26:23 · 359 阅读 · 0 评论 -
微信小程序底部元素 margin-bottom失效解决办法
微信小程序开发过程中,页面底部元素设置margin-bottom在ios下失效,在安卓下可以正常显示。可给page设置padding-bottom来解决原创 2019-08-07 17:34:29 · 2169 阅读 · 1 评论 -
小程序修改data中数组或者对象里面的某一项值
小程序修改data中数组或者对象里面的某一项值1.修改对象中的某一项值data:{ list:{ data1:{}, passengers:[ name:'' ] }}如果想在list里面的data中添加数据,创建一个变量来定义var that=this,num="list.data1...原创 2019-07-31 16:17:30 · 6549 阅读 · 5 评论 -
小程序去掉滚动条
1.方案一::-webkit-scrollbar { width: 0; height: 0; color: transparent;}2.方案二::-webkit-scrollbar { display: none;}其实实现原理就是把滚动条宽度变小或者让滚动条隐藏。...原创 2019-07-17 13:21:31 · 750 阅读 · 0 评论 -
小程序分享
小程序分享之系列1.分享页面(detail/detail.js)//分享onShareAppMessage: function() {var accountId = wx.getStorageSync('accountId');return {title: this.data.listData.caption,//分享的标题path: '/pages/index/de...原创 2019-05-15 10:53:33 · 297 阅读 · 0 评论 -
通过js将金额转换成货币形式
通过toLocaleString()这个方法将金额转换成货币形式例如:1234566.66转为1,234,566.66原创 2019-05-05 15:12:38 · 662 阅读 · 0 评论 -
小程序中模板的使用
小程序中模板的使用如下:1.一般定义模板需要新建一个文件夹,一般命名为template文件2.wxml代码如下:<template name="loading"><view class="loadingData"><image src="/images/menu/loadingData.gif"></image><te...原创 2019-05-05 15:08:05 · 727 阅读 · 0 评论 -
小程序中组件的使用
小程序中组件的使用1.一般组件需要定义一个文件夹,文件夹命名为components2.文件夹下可以定义一个需要引用的组件3.文件夹下包含4个文件分别是js、json、wxml、wxss。4.控制组件的显示与隐藏通过hidden来控制,true为隐藏,false为显示5.注意:需要在json文件中定义两个属性:{"component": true,"usingCom...原创 2019-05-05 14:53:44 · 1429 阅读 · 0 评论 -
小程序上传图片放大以及滑动浏览、删除
小程序上传图片放大以及滑动浏览1.wxml代码实例<view wx:for="{{repairPic}}" wx:key="{{item.id}}"><image class='s_pic' src='{{item}}' data-list="{{repairPic}}" data-index="{{index}}" catchtap="previewImage"&...原创 2019-05-05 14:19:31 · 531 阅读 · 0 评论 -
小程序下拉刷新的实现
小程序下拉刷新1.使用onPullDownRefresh()这个方法来实现下拉刷新例子如下:// 页面下拉刷新onPullDownRefresh() {this.loadSwiper();//需要再次调用接口的函数},注意事项:需要将要加载的函数在onPullDownRefresh()这个方法里面调用。2.使用wx.stopPullDownRefresh()停止...原创 2019-04-22 17:05:58 · 4356 阅读 · 1 评论 -
小程序授权登录
1.通过wx.login方法获取codeapp.jsvar accountId = wx.getStorageSync('accountId');//在微信缓存中取accountIdvar that = this;if (accountId == "") {if (this.globalData.openid == null) {wx.login({success: ...原创 2019-04-11 13:47:35 · 520 阅读 · 0 评论 -
小程序多张图片上传
1.图片上传.wxml代码块<view class='r_picture' bindtap='uploadPic'><p class="font_s33 font_c73">上传故障照片</p><view wx:for="{{repairPic}}" wx:key="{{item.id}}" class='s_pic'><im...原创 2019-04-11 11:45:01 · 309 阅读 · 0 评论