IU

按照官方文档引入实际上还差点东西 才能更模板一样1. 首先是文件引入，我们看到官方实际上是只引入了一个文件，既"usingComponents": { "van-swipe-cell": "@vant/weapp/swipe-cell/index"} ##### 实际上还需要引入另外两个文件，即 "van-cell": "@vant/weapp/cell/index", "van-cell-group": "@vant/weapp/cell-group/index"

效果图标题处做了限制两行商品图片高度自适应.不需要就把mode去掉wxml <view class="item"> <image class="item_img" mode="widthFix" src="../../../images/a10.png"></image> <view class="item_right"> <view class="item_name">商品名称商品名称商品名称商品名称商

原理: 原图宽/原图高 = 屏幕宽/适应屏幕宽后的图片高wxml <swiper style="height:{{imgh==0?200:imgh}}" indicator-dots="{{indicatorDots}}" autoplay="true" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{图片数组***》》此处替换}}" wx:key="*this"> <swiper

returnTop(){ console.log('回到顶部-->') if (wx.pageScrollTo) { wx.pageScrollTo({ scrollTop: 0 }) } else { wx.showModal({ title: '提示', content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。' }) } },...

不是期望的标点符号 前后删减一下看看我是删了空格就行了- -

绘制海报 保存分享准备一个canvas容器直接开始画 淦它丫的！ 从简到繁准备一个canvas容器<canvas canvas-id="shareBox"></canvas>直接开始画先画几个字试试，后面再慢慢画 const ctx = wx.createCanvasContext('shareBox'); ctx.setFillStyle('#fff') //背景颜色 ctx.fillRect(0, 0, 1000, 10

微信小程序的正则匹配巨坑！！！！！！！！！！！！不能用 ?<像这种也不能用 / 表达式/ 这种格式！像这种！！！在网上找了好久！！！都是牛马- -…历经千辛万苦终于找到了小程序可以用的了,如下 ↓↓↓…记录一下方便自己以后使用!!! var DetailImg = []; let that = this; arrText = arrText.replace(/]*src=['"]([^'"]+)[^>]*>/gi,

如图居家日常被截取掉了代码解决方法 在文字后面添加一个全角空格 就能解决该问题

// 给相关数据添加style="width:100%" let arrText = res.response.data.desc2_html; //正则匹配不含style="" 或 style='' 的img标签 var regex1 = new RegExp("(i?)(\<img)(?!(.*?style=['\"](.*)['\"])[^\>]+\>)","gmi"); //给不含style="" 或 style='' 的img标签加上style=""

效果图代码 app.jsApp({ onLaunch: function (res) { // 自定义标题栏测试 const that = this; // 获取系统信息 const systemInfo = wx.getSystemInfoSync(); // 胶囊按钮位置信息 const menuButtonInfo = wx.getMenuButtonBoundingClientRect(); // 导航栏高度 = 状态栏到胶囊的间距（

先看看基础库符不符合要求（直播功能对基础库版本有要求，必须是2.9以上。微信客户端必须是7.0.7以上。低版本刚进入直播间时会提示用户升级微信客户端版本（低版本只能观看直播，无法使用直播间的功能）。）在app.js中添加如下代码（分包主包不同 以下添加在主包） "plugins": { "live-player-plugin": { "version": "1.2.7", "provider": "wx2b03c6e691cd7370" } }..

在series中添加 series: [{ itemStyle: { normal: { label : { show: true, //重点 color:'#000', //颜色 position: 'left' //位置 } } } } ],...

组件 - area.js-中使用 that.triggerEvent('getArea',{areaInfo:areaInfo //参数}) //触发此条语句即可.父组件 - pubGoods.html<area id="area" bindgetArea="getArea1"></area>//易错点：函数名一样则没有效果，所以这里用了 getArea1父组件 - pubGoods.js getArea1(e){ console.log('测试获得

获取 高度 （单位px）let query = wx.createSelectorQuery();query.select('.content').boundingClientRect(rect=>{ let height = rect.height; console.log(height);}).exec(); // .exec() 不加不执行获取 高度 （单位rpx）let query = wx.createSelectorQuery();query.select('

效果图功能： 上传，删除，预览，九宫格，多张上传，单张上传wxml <view class="img_box"> <view class="img_item" wx:for="{{imgList}}" wx:for-item="item"> <image bindtap="preview" data-src="{{item}}" class="img_item_i" src="{{item}}" mode="aspectFill"></image

首先我们先有一个存放图片的数组 这里我们用 imgList data:{ imgList:[] }chooseImage: function () { let that = this; let imgList = that.data.imgList; let len = imgList.length; //已经上传多少张，最多可传九张 wx.chooseImage({ count: 9 - len,

JS使用微信提供的API wx.getSystemInfoSync(); let res = wx.getSystemInfoSync(); if(res.platform == 'ios') //ios if(res.platform == 'android') //安卓

wxml<image src="{{url}}" data-url="{{url}}" bindlongpress="saveImage"></image>JSPage({ data: { url:"图片路径" }, // 长按保存图片 saveImage(e){ let url = e.currentTarget.dataset.url; //用户需要授权 wx.getSetting({ success: (r

单个图片WXML<image bindtap="preview" data-src="{{img}}" src="{{img}}"></image>JS preview(e){ let img = e.currentTarget.dataset.src; let imgList = []; imgList.push(img); wx.previewImage({ current: img, // 当前显示图片的http链接

wxml<view bindtap="callPhone">电话：{{shopNumber}}</view>jsdata: { shopNumber:'123456' //电话号码 }, callPhone(){ wx.makePhoneCall({ phoneNumber: this.data.shopNumber, success:function(){ console.log('拨打成功')

HTML<van-field value="{{ value }}" bind:change="onChange" data-value="value" type="number" ></van-field>JSdata:{ value:''},onChange(e) { this.setData({ [e.currentTarget.dataset.value]: e.detail })

使用环境使用软键盘时,键盘为组件,输入框是父组件…键盘的输入值要传到父组件输入框上(.sync加了才可以使用this.$emit)(this.$emit(‘update:参数名’,值))例子test.vue<template> <view> <view style="background: #fff;padding:20upx;margin-top:...

今天使用new Data（十位时间戳）一直出现1970.。。。的状况 ，痛定思痛，我坐下来冷静思考了一下发现如果不是13位的话要把十位时间戳*1000这是毫秒和秒转换的问题...

APP（）每个小程序都需要在 app.js 中调用 App 方法注册小程序示例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。整个小程序只有一个 App 实例，是全部页面共享的。开发者可以通过 getApp 方法获取到全局唯一的 App 示例，获取App上的数据或调用开发者注册在 App 上的函数。测试注册一个微信小程序 在app.js中添加// app.jsApp({ ...

我是热衷分享的小北。你们是热衷点喜欢的天使。Let‘s go 不花里胡哨，先上效果图解释：向上滚动，用了小程序的swiper，下面上代码勤劳是中华民族的特性，请复制测试，动手丰衣足食。HTML<view class='notice'> <view class='notice-contain'> <view class="notice-conta...

做了个中奖的公告栏 滚动 不小心就点到滑动，如图不符合需求，所以需要禁掉，下面是步骤，想看上面那个怎么做的请移步我的另一篇文章传送门: https://blog.youkuaiyun.com/AIB_Kasic/article/details/99682428禁止在 swiper-item 中添加 catchtouchmove='catchTouchMove'在js 中添加代码↓// 截获竖...

WXML<view class="incomeDaren"> <view style='background:white;margin:20rpx;border-radius:10rpx;'> <view style='color:rgba(254, 117, 29, 1);text-align:center;padding:20rpx;font-wei...

效果图：分析：左右布局，线条实现用view套上（不影响布局，可参考代码）；wxml(代码贴的时候报错就稍微调一下，可能是空格问题)<block class="block" wx:for="{{nameList}}" wx:key="index"><view class="top"><view bindtap='bindShowList' data-idx=...

首先在后台创建utils-->util.js里面封装函数 ，以便在项目其他地方js使用function formatTime(date, type) {let reg = /^\d+$/g;var date = reg.test(date) ? new Date(Number(date)) : new Date(date)var year = date.g...