随笔分类 -  小程序

小程序开发那些事
微信小程序点击事件冒泡处理
摘要：<view class="item_box" wx:for="{{listData}}" wx:key="index" bind:tap="goToCheck" data-id="{{item.rderId}}" data-check="{{item.timeCheck}}" data-rechec 阅读全文
posted @ 2024-05-31 10:18 我是木木呀 阅读(212) 评论(0) 推荐(0)
wxml2canvas爬坑之路
摘要：效果图： 前提： 公司要求生成一分报告并转为图片并保存，之前用canvas画过，但这次是在不想用canvas一点点画了，再往上找了n久，爬了n多坑，终于搞出来了 插件： wxml2canvas 一：下载插件 npm install wxml2canvas 二：构建npm 微信开发者工具： 工具 -- 阅读全文
posted @ 2023-03-14 10:32 我是木木呀 阅读(1799) 评论(1) 推荐(0)
微信小程序使用canvas画动态表格并导出图片
摘要：效果图： wxml: <view> <view class="search_box"> <view class="selectBox_time"> <picker class="time-tilte-text" mode="date" fields="day" value="{{date}}" st 阅读全文
posted @ 2022-12-20 14:33 我是木木呀 阅读(1173) 评论(0) 推荐(0)
微信小程序调用百度车牌识别
摘要：<!--pages/AISearch/AISearch.wxml--> <view class="ai_content"> <view class="img_box" bindtap="chooseImg"> <view class="upload_img" wx:if="{{tempFiles}} 阅读全文
posted @ 2022-12-20 14:24 我是木木呀 阅读(769) 评论(0) 推荐(0)
微信小程序格子输入框
摘要：效果： 可以赋值，可以删除指定位置的值，删除后光标前移，输入值后移 wxml: <view class="detail_box"> <view class="title"><text>AI识别</text></view> <view class="code_box"> <view class="in 阅读全文
posted @ 2022-12-20 14:16 我是木木呀 阅读(290) 评论(0) 推荐(0)
小程序table表头固定，左右滑动
摘要：效果一： wxml <view class='table'> <!-- 左侧固定 --> <view class='table_left_column'> <view class='left_col_item'>排班</view> <view class='left_col_item' style= 阅读全文
posted @ 2022-07-11 09:55 我是木木呀 阅读(1747) 评论(0) 推荐(1)
修改小程序单选框默认样式默认
摘要：/*radio未选中时样式 */ radio .wx-radio-input{ width: 25rpx; height: 25rpx; } // 以下代码并未使用 /* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */ radio .wx-radio-input.wx-rad 阅读全文
posted @ 2022-07-07 16:46 我是木木呀 阅读(170) 评论(0) 推荐(0)
小程序头部tab切换，导航中添加图片
摘要：<scroll-view scroll-x="true"> <view class="banner" scroll-x="true" > <view wx:for="{{optionList}}" wx:key="index" class="banner_Item" > <view bindtap= 阅读全文
posted @ 2021-05-31 15:29 我是木木呀 阅读(461) 评论(0) 推荐(0)
小程序头部滑动切换
摘要：<scroll-view scroll-x class="navbar" scroll-with-animation scroll-left="{{scrollLeft}}rpx"> <view class="nav-item" wx:for="{{tabs}}" wx:key="id" bindt 阅读全文
posted @ 2019-12-10 11:10 我是木木呀 阅读(415) 评论(0) 推荐(0)
在小程序中点击后跳转到另一个小程序
摘要：绑定一个点击事件： 点击触发的函数 jumpToReportDetail: function(e) { if (e.timeStamp-this.data.lastClickTime < 300){ return } this.setData({ lastClickTime: e.timeStamp 阅读全文
posted @ 2019-12-10 10:36 我是木木呀 阅读(1716) 评论(0) 推荐(0)