![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
MrLi-2018
量变于质变...
展开
-
小程序 历史轨迹回放 地图播放历史轨迹
小程序 历史轨迹回放 地图播放历史轨迹原创 2022-08-24 15:23:56 · 747 阅读 · 3 评论 -
小程序添加音频(音乐播放)
1、wxml<button bindtap="openMusic"></button>2、js openMusic:function(e){ const innerAudioContext = wx.createInnerAudioContext() innerAudioContext.autoplay = true innerAudioContext.src = 'http://m10.music.126.net/202109.原创 2021-09-24 16:50:05 · 1814 阅读 · 0 评论 -
小程序组件中获取指定元素报错怎么办
例如获取id为box的元素信息 wx.createSelectorQuery().selectAll('#box').boundingClientRect(function (res) { console.log(res)//小程序组建中不会返回#box元素的信息 }).exec()修改为即可 const $ = wx.createSelectorQuery().in(this) $.selectAll('.scroll-number').boundingClientRect原创 2021-09-16 14:23:17 · 2337 阅读 · 0 评论 -
小程序数字滚动效果
效果图wxml<view class="scroll-number container-class"> <block wx:for="{{valArr}}" wx:key="index"> <view wx:if="{{item.isNaN}}" class="scroll-number-item number-dot dot-class">{{item.val}}</view> <view wx:else cl..转载 2021-09-15 12:25:39 · 470 阅读 · 0 评论 -
小程序滚动条滚动到指定位置
wxml<scroll-view style="height:100vh" class='scroll' scroll-y='true' scroll-top="{{scrollTop}}px"> <view style="height:1000rpx"> <view>111</view> <view>111</view> <view>111</view原创 2021-09-10 17:20:55 · 666 阅读 · 0 评论 -
小程序点击选择页码分页(上篇优化)
先看效果wxml<view class="container"> <view class="pages_box"> <view bindtap="pagesFn" data-type="start">第1页</view> <view wx:if="{{frontPage}}" bindtap="pagesFn" data-type="previous_page"><</view> <block..原创 2021-07-31 15:58:33 · 671 阅读 · 0 评论 -
小程序筛子抽奖
<!--pages/shaizi/index.wxml--><view class="container"> <view class="shaizi_box {{activeTrue}}" style="transform: rotateX({{rotateX}}deg) rotateY({{rotateY}}deg) rotateZ({{rotateZ}}deg);"> <view class="shaizi">1</view>.原创 2021-05-24 16:14:24 · 169 阅读 · 0 评论 -
小程序获取当前位置信息
首先app.json添加 "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },调用小程序获取位置坐标信息的方法 wx.getLocation({ type: 'wgs84', success (res) { const latitude = res.latitude const longitude = r原创 2021-05-17 09:39:04 · 677 阅读 · 0 评论 -
小程序根据坐标获取位置信息使用百度api报错 app服务被禁用 的解决方法
将请求地址https://api.map.baidu.com/geocoder/v2/换成https://api.map.baidu.com/reverse_geocoding/v3/如果还是不行的话在百度地图开放平台里面重新创建一个应用使用新的AK就ok了原创 2021-05-15 18:05:25 · 2084 阅读 · 0 评论 -
小程序使用echarts 踩坑大全 tooltip v-if隐藏图表错位 滑动图表不跟随等
1、小程序不支持tooltip解决方法 tooltip: { trigger: 'axis', animation: false, axisPointer: { type: 'cross', crossStyle: { color: 'red' } }, formatter: function(params) { .原创 2021-05-07 12:06:27 · 814 阅读 · 2 评论 -
小程序分页
<view class="pages_box"> <view bindtap="pagesFn" class="{{pagesNum==0?'active':''}}" data-type="0">上一页</view> <block wx:for="shujuDataArr11111" wx:key="index" wx:if="{{index+1<4}}"> <view wx:if="{{tyindex+index <...原创 2021-04-30 11:44:46 · 209 阅读 · 0 评论 -
小程序中动效进度条
<view class="ottery_bottom_jdt_win"> <view class="ottery_bottom_jdt_box"> <view class="jdt" style="width:80%"></view> <view class="number">80%</view> </view> <view cla..原创 2021-03-22 14:45:44 · 234 阅读 · 0 评论 -
小程序页面中调用js方法
<wxs module="function"> module.exports = { isSplit:function(n){ return n.split(" ") } }</wxs> <text class="time1">{{function.isSplit(item.time)[1]}}</text>原创 2021-03-08 16:01:17 · 911 阅读 · 0 评论 -
小程序for循环限制数量的方法
<block wx:for='ABCDEFG' wx:key='index' wx:if="{{index<5}}"></block>原创 2021-03-08 15:50:53 · 1281 阅读 · 0 评论 -
小程序弹幕
不废话直接上干货<view class="dan_box"> <block wx:for="{{danData}}" wx:key="id"> <view class="dan_con" style="animation: shift {{item.time}}s linear forwards;top:{{item.top}}%"> <image src="{{item.touxiang}}"></image.原创 2021-02-07 16:51:52 · 566 阅读 · 0 评论 -
微信小程序推广多多进宝商品,微信小程序跳转拼多多小程序领券页面,微信小程序跳转多多进宝推广链接
先申请账号流程就不说了然后设置推广位找到推广位id多多进宝推广商品页https://jinbao.pinduoduo.com/promotion/single-promotion随便选个商品点击推广点击确定选择长链接复制出goods_id进入拼多多开放平台https://open.pinduoduo.com/application/app/detail拿到client_id和client_secret对应的值打开这个网址https...原创 2021-02-06 17:15:58 · 6815 阅读 · 10 评论 -
小程序自定义位置坐标调用本机地图打开导航
1.小程序自定义位置坐标调用本机地图打开导航wxml部分 <text class="map_btn" bindtap="openMap" data-latitude='{{latitude}}' data-longitude='{{longitude}}' data-addressName='{{addmissage}}'>地图/导航</text>js部分Page({ /** * 页面的初始数据 */ data: { addmiss原创 2020-11-14 15:28:18 · 336 阅读 · 0 评论 -
小程序 文字太长显示不完,滚动文字效果
效果图1、解决思路:一共两个text控件,当第一个text滚动完后应该是看到第二个text控件了,但是在这个时候最好的方法不是让它滚完,而是用重新又从第一个text控件开始滚动,控制起来超级简单,基本实现了跑马灯的效果,另外加了一个如果文字不足一屏,不执行跑马灯的效果,而且添加了超大的间距,解决不会显示重复内容。以下是各部分完整代码,只要复制代码添加到相应页面即可看到效果。2、小程序布局页面wxml<scroll-view class="container" enable-f..转载 2020-11-03 11:09:18 · 3639 阅读 · 3 评论 -
小程序跳转公众号关注页面的两种方法
一、web-view方法这个种方法有一个必须要达到的条件就是:小程序的公众号必须是认证的企业号,而且要在小程序公众号的后台添加“veb-view业务域名”!不然会出现如下情况<!--pages/webview666/webview.wxml--><view class="ty_box"> <web-view src="{{url}}">小程序跳转公众号</web-view></view>// pages/webview6原创 2020-10-20 17:42:53 · 17147 阅读 · 15 评论