小程序
hy3528
这个作者很懒,什么都没留下…
展开
-
vant省市区引入@vant/area-data官方数据报错问题解决
1.我们新建一个用来引入文件的文件夹node_File(名字可以自己定),把@vant中的 area-data 整个进行拷贝。2.将 area-data/dist 下面的 index.esm.mjs 文件改名为 data.js。我们正常引入后会发现报错为。我们依照官方流程引入数据。进行解决后,但并没有效果。原创 2023-07-07 15:19:18 · 1822 阅读 · 1 评论 -
小程序用toFixed四舍五入以及保留两位小数方法
新建一个filter.wxs 将下面代码复制进去var filters = { toFix: function (value,value1) { if (typeof (value) == 'undefined') { return value } else { return value.toFixed(value1) } }, toStr: function (value) { return value.toString() }原创 2022-03-15 14:19:40 · 1050 阅读 · 0 评论 -
微信小程序解码base64
atob代替方法base64_decode (input) { // 解码,配合decodeURIComponent使用 var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0;原创 2021-04-01 13:33:09 · 3054 阅读 · 1 评论 -
微信触底懒加载
data: { livehose: [],//接口数组 page: 1,//根据后端要求返回相应页数 more: false,//显示没有更多了哦 call: 1,//接口没有数据返回就为1下次下拉不在调用接口 }, onLoad: function(options) { let that = this that.liveTv() }, //获取列表数据接口 liveTv() { wx.showLoading({ ..原创 2020-11-18 17:28:27 · 189 阅读 · 0 评论 -
小程序下拉刷新
/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { console.log('下拉刷新?') // 显示标题栏进度条效果 wx.showNavigationBarLoading(); this.setlist() setTimeout(function () { wx.hideNavigationBarLoading(); wx.stopPullDownR原创 2020-11-17 09:43:30 · 95 阅读 · 0 评论 -
微信小程序跳转带中文等参数时会被截取问题解决
首先跳转时对参数进行加密escape()url: '../' + type + url + '?id=' + id + '&title=' + escape(title)到了页面之后获取参数之后进行解密即可unescape()unescape(options.title)原创 2020-09-04 10:07:47 · 948 阅读 · 0 评论 -
小程序scroll-view左右滑动联动效果
效果图<view class='cont-pro'> <!-- 左侧列表 --> <scroll-view scroll-y='true' scroll-with-animation="true" style="width:25%;"> <view class='pro_left'> <view wx:for="{{serviceTypes}}" wx:key='index' class="pro_title {{index==curr原创 2020-07-20 16:14:30 · 933 阅读 · 0 评论 -
微信小程序签到
wxml <!-- 签到 --> <view class="check"> <view class="checknumber"> <view class="number" wx:for="{{list}}" wx:key="index" data-index="{{index}}"> <image w...原创 2020-03-10 17:51:09 · 360 阅读 · 0 评论 -
小程序里去除button默认样式
button::after{border:none;}input{outline:none;border:none;list-style: none;}原创 2020-01-17 13:42:05 · 843 阅读 · 0 评论 -
微信小程序常用方法
滚动控制wx.pageScrollTo({ scrollTop:0, //页面滚动的距离 //selector:'#tabItem2',//这是锚点,意思为滚动到id=tabItem2的位置 duration: 1000, //页面滚动速度 单位ms success: function (e) { //成功函数 }});拨打电话 wx.makePho...原创 2020-01-10 16:55:42 · 197 阅读 · 0 评论 -
小程序悬浮图标
新建一个文件夹Suspension(可以自己定义名字)在文件夹新建Component。(也可以自己定义名字)wxml页面<movable-area class="movable-box" style="height:calc(100vh - {{tabBarH}})px"><slot/> <movable-view out-of-bounds="true"...原创 2020-01-10 16:47:51 · 987 阅读 · 0 评论 -
微信小程序分类菜单
wxml:<view class="navigation"> <scroll-view scroll-y="true" style="height:100%;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-into-view="{{toView}...原创 2019-12-16 09:15:28 · 1594 阅读 · 0 评论 -
微信小程序去掉默认的滚动条
第一种:::-webkit-scrollbar {width: 0;height: 0;color: transparent;}第二种:::-webkit-scrollbar {display: none;}原创 2019-12-16 09:04:52 · 706 阅读 · 0 评论 -
微信小程序商品购物界面
wxml代码<view class="page"> <view class="page__bd"> <view class="weui-tab"> <view class="weui-navbar"> <block wx:for="{{tabs}}" wx:key="*this"> ...原创 2019-12-14 13:35:02 · 1910 阅读 · 0 评论