小程序
热忱学习
本博只写我在工作中遇到的问题。这只是我的笔记。本人还在不断学习中。欢迎大神指教。
展开
-
小程序封装的节流和防抖方法
小程序封装原创 2023-01-05 17:50:11 · 269 阅读 · 0 评论 -
小程序picker 车型选择,有联动
根据排量有 好几种驱动形式,一个驱动形式里面又有好几种邮箱容积和发动机启停,这一块最主要的代码在方法。原创 2023-01-03 16:45:43 · 453 阅读 · 0 评论 -
封装能搜索的小程序picker
这个组件用到了vant 这个框架 里的vant-search ,也可以不用自己写个input,方法都是一样的。需求是这样子的,微信原生的满足不了这种,所以自己封装了个组件。在引用的页面 wxml上写。原创 2023-01-03 16:11:02 · 667 阅读 · 0 评论 -
小程序图表 f2-canvas
官网地址所有图表 | F2The Grammar of Graphics in JavaScripthttps://f2.antv.vision/zh/examples/gallery/ //绘制直流电压,电流图 drawCurrenVoltage:function(id,data) { var that = this var dataArr = [] var listLength = 0 var tempDataX=that.data.tempDataX原创 2021-10-29 16:14:08 · 377 阅读 · 0 评论 -
前端当接口请求异步的时候 可以传个callback函数
有个需求是在vue 文件 main.js里面 请求接口 返回的值在其他页面上用import { getOnlinekey } from "./api/common.js";Vue.prototype.$GetOnlinekey=(callback)=>{ getOnlinekey().then(res=>{ let {code,result}=res.data console.log(result,"getOnlinekey") Vue.prototype.$KEY = {原创 2021-10-29 15:20:28 · 424 阅读 · 0 评论 -
微信小程序可以点击左右按钮切换,一次7天
我们的需求就是这种效果实现的代码html部分data: { show: false, active: -1, weekDate: ['日', '一', '二', '三', '四', '五', '六'], dateArr: [], isTodayWeek: false, todayIndex: 0, lastweek: true, nowdate: new Date().getDate(), datetip: false..原创 2020-10-23 17:33:24 · 1134 阅读 · 0 评论 -
微信小程序列表的多选
wxml<view> <view class="search_list"> <view class="search_item" bindtap="selectInfo" wx:for="{{list}}" wx:key="index" data-name="{{item.formName}}" data-id="{{item.tId}}" data-ind="{{index}}"> <view>{{item.formNa...原创 2020-07-23 19:51:13 · 3120 阅读 · 1 评论 -
商品详情里面只有一个商品规格默认选中的思路
项目需求是当商品只有一个规格时,默认是选中的,我们公司的思路就是当发生选中规格的点击事件时,去预定,加入购物车,立即购买按钮高亮。点击事件中有对点中商品规格的处理,所以这里只有一个规格时,只要模拟选中规格的点击事件就行了在小程序中的点击事件是 <view class="spec-item" wx:for="{{ specList }}" wx:for-item="spec" wx:key="index"> <view class="name">{{spec...原创 2020-05-28 19:47:06 · 921 阅读 · 0 评论 -
微信小程序 数据列表点击会有提示
业务需求点击感叹号会有一行提示代码实现<imagesrc="../../../static/images/jinggao.png"wx:if="{{contract.contract_status=='USEING'&&!contract.contract_account}}"data-sn="{{contract.contract_sn}}"bindtap="showTip"data-index="{{index}}"></image&...原创 2020-05-15 15:38:46 · 596 阅读 · 0 评论 -
微信wxml页面直接用toFixed方法会报错,解决方法
在wxml页面直接用tofixed方法会报错。正确的用法是在当前目录下新建wxs页面。页面上写var filters = { toFix: function (value) { return value.toFixed(2)//此处2为保留两位小数 }}module.exports = { toFix: filters.toFix}在需要用到的页面引入这...原创 2020-03-02 18:12:20 · 1018 阅读 · 0 评论