随笔分类 -  小程序

小程序picker自定义三级联动
摘要：wxml; <picker name="create_id" mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindGradeChange" value="{{multiIndex}}" range 阅读全文
posted @ 2021-04-21 10:27 新恒 阅读(1133) 评论(0) 推荐(0)
小程序使用npm引入Weui组件库
摘要：1.第一步，先要下载node.js， 2.先建立一个空的文件夹，然后用小程序开发工具打开之后，在下图指示中进入cmd，输入npm init,进行初始化，然后一路可以默认（enter） 3.在一路默认后，就可以在目录中看到了package.json文件 4.开始安装Weui组件库 npm instal 阅读全文
posted @ 2020-03-16 16:52 新恒 阅读(2993) 评论(0) 推荐(0)
小程序的wx.request的封装
摘要：request.js 此方法中已经将请求的数据data和请求头header封装了进去，默认为空 // 封装的wx.request请求 function request(url,method,data={},header={}){ return new Promise(function(resolve 阅读全文
posted @ 2020-01-14 11:11 新恒 阅读(633) 评论(0) 推荐(0)
小程序自定义音频组件
摘要：舍弃掉小程序原有的样式，因为小程序原有的样式既不好看，还无法自定义宽高（无法全屏）比较鸡肋 下面是我自定义之后的样式 话不多说，上代码: <view class="baner"> <!-- 背景图 --> <image class='audioBg' src='{{staticImg}}detail 阅读全文
posted @ 2019-05-17 15:24 新恒 阅读(672) 评论(0) 推荐(0)
小程序中自定义头部标题栏
摘要：小程序最开始只能全局定义头部标题栏，也就是说一旦你想某个页面自定义头部标题栏，那么所有的页面都需要重新定义（也就是所有页面都需要重写头部标题栏）； 但现在新版本的微信已经开放了可以单页面自定义头部标题栏（很舒服） 只需在你想自定义的页面的.json下更改一下配置就可（我的是index.json页面） 阅读全文
posted @ 2019-05-11 15:08 新恒 阅读(15229) 评论(0) 推荐(1)
微信小程序轮播图的制作与跳转
摘要：<!--轮播图 --> <view class='swiperBanner'> <swiper indicator-dots='{{indicatorDots}}' autoplay='{{autoplay}}' interval='{{interval}}' duration='{{duratio 阅读全文
posted @ 2019-01-09 15:28 新恒 阅读(6398) 评论(1) 推荐(1)
小程序根据下标对数组中的某个对象的元素进行赋值
摘要：<view class='right'> <text bindtap='label' class="{{item.bobo==true ? 'labelColor':''}}" data-index="{{index}}" data-bobo="{{item.bobo}}" wx:for="{{la 阅读全文
posted @ 2018-11-27 11:11 新恒 阅读(8008) 评论(0) 推荐(0)
微信小程序左滑删除功能
摘要：wxml: <view class="container"> <view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" bindtouchstart="touchst 阅读全文
posted @ 2018-09-07 15:52 新恒 阅读(3224) 评论(0) 推荐(0)
微信小程序-自制弹出框禁止页面上下滑动
摘要：弹出 fixed 弹窗后，在弹窗上滑动会导致下层的页面一起跟着滚动。 解决方法： 在弹出层加上 catchtouchmove 事件 两种方法:(在电脑上测试是没有用的，这是触摸事件。因此，需要在手机端测试，预览生成一个开发版，用手机微信扫描即可看到效果) 1. wxml: <!-- 首页弹窗 --> 阅读全文
posted @ 2018-09-06 15:04 新恒 阅读(6969) 评论(3) 推荐(0)
微信小程序左右联动菜单（即可左联动，也可右联动）
摘要：<!-- 搜索 --> <view class="search"> <input class="search-box" placeholder='痘研商城' bindtap='goodsName'></input> <image src="{{staticImg}}index/iconSearch. 阅读全文
posted @ 2018-08-27 19:56 新恒 阅读(12457) 评论(0) 推荐(2)
微信小程序评价页面
摘要：1 <!--服务评价--> 2 <view class="service"> 3 <!--评分--> 4 <view class='score'> 5 <view class='left'> 6 评分 7 </view> 8 <view class='right'> 9 <view bindtap= 阅读全文
posted @ 2018-08-22 12:02 新恒 阅读(7457) 评论(0) 推荐(1)
小程序查看评价的缩放(循环里面有循环)
摘要：1 <view class="content" wx:for="{{content}}"> 2 <view class="opinion"> 3 <view class="title"> 4 <image src='{{staticImg}}home/evaluation/store.png' cl 阅读全文
posted @ 2018-08-21 14:45 新恒 阅读(522) 评论(0) 推荐(0)
小程序中对计算金额进行截取
摘要：var filters = { toFix: function (value) { var v = parseFloat(value)//强转，毕竟有可能返回是String类型的数字 return v.toFixed(2) } } module.exports = { toFix: filters. 阅读全文
posted @ 2018-08-18 15:22 新恒 阅读(932) 评论(0) 推荐(0)
微信小程序购物车功能
摘要：<view class='shop-mana'> <text class='management'>管理您的购物车</text> <text class='goto'>点击立即前往>></text> </view> <view class='carts'> <view class='goods' w 阅读全文
posted @ 2018-08-18 15:17 新恒 阅读(1844) 评论(0) 推荐(0)