创建小程序步骤1:下载好微信开发者工具后,打开工具点击加号创建新的项
程序的video和live-player 不会被view标签覆盖,即使用了z-index也不行。官方有说明。cover-view覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher只支持嵌套 cover-view、cover-image,可在 cover-view 中使用 button。组件属性...
npm i pako小程序要构建一下npmconst upng = require('../../../utils/upng.js')wx.initFaceDetect({ success:(res)=>{ const context = wx.createCameraContext() console.log(res,123) console.log(context) const listener = context.on.
小程序直播要用到live-player 视频直播功能。小程序的直播功能必须改账号有权限才能使用 直播功能。在申请账号的时候必须是企业账号,个人小程序没有开通这个权限。在类别里选择文档对应的类别注意这是在申请小程序账号的时候选择类目要对应上图中的。(企业账号才有这些类目)图中的一级类目和二级类目 必须对应了,你的账号才会有权限。在你这些都选择对后,你可以登录你的微信公众号平台,在点击...
后台跟我要unionId 我找了半天不知道怎么获取,文档里说明也不是很明白,说什么各种权限什么的。后来在网上找到一个办法,也是借用大佬的方法,这里有个几个文件下载https://pan.baidu.com/s/16ZJ1QQ_ChN2OyqVI6JkJWw提取码是c443 <button open-type='getUserInfo' class="WeChatLogin" bind...
我的项目中是可以在其他页面跳转到登录页面去登录,返回是进去登录页面的界面。这时如果我第二次进入个人页面(在登录前进入过tabBar页面的个人页)页面依旧显示未登录,其实我已经登录了,只是未刷新页面。所以个人页面不会显示任何数据。Page({ onLoad(){ }, onShow(){ this.onLoad() }})这样每次进入页面都会刷新页面...
Page({ data: { latitude: '', longitude: '', markers: [{ iconPath: '../../images/ovaddress.png', id: 0, latitude: '', longitude: '', width: 25, height: ...
小程序ui组件我发现几个还是不错的1.iView是TalkingData发布的一款高质量的基于Vue.js组件库,而iView weapp则是它们的小程序版本。GitHub地址:https://github.com/TalkingData/iview-weapp2.Wux WeApp也是一个非常不错的微信小程序自定义 UI 组件库,组件比较丰富,值得使用。GitHub地址:https://...
小程序获取用户地址wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标wx.getLocation({ type: 'wgs84', success (res) { const latitude = res.latitude const longitude = res.longitude const speed = res.spe...
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面路径后不能带参数.需要跳转的 tabBar 页面的路径(需在 app.json 的 tabBar 字段定义的页面),路径后不能带参数。wx.switchTab({ url:'/index'})关闭所有页面,打开到应用内的某个页面.wx.reLaunch({ url:url: 'test?id=1'})关闭当前页面...
小程序是不支持下载App,这个我也遇到了问题,就看了看其他小程序的,才明白利用跳转到客服,客服自动回复信息,点击下载的app。这里利用button组件open-type 属性<button class="downloadBtn" open-type="contact">点击下载APP</button>其他的不用设置点击自动会打开客服会话如:这个会话是小程序...
上面的选择列表弹出后出现弹框,点击列表的按钮以外区域隐藏弹框遮罩层。<view bindtap="hideIcon"><view class="navList {{navList==true?'navListActive':''}}"> <view class="nav {{navList==true?'navNew':''}}" hover-stop...
scroll-view文档里有说明。我中间就遇到了这个问题,不管我怎么弄不会出现滚动,超出的部分会折行掉下去!后来我发现scroll-view下的子级必须要 displau:inline-block;否则无效不会出现滚动。<scroll-view scroll-x="true" class="navList" scroll-with-animation scroll-left="{...
小程序跳转到tabBar页面是不容许传参数的。但是有些项目的逻辑是需要跳到首页根据参数请求数据的。这里就要刷新页面。B页面不是tabBar里的页面click:function(){ getApp().globaData.name='张三' wx.switchTab({ url:'../index/index', success:function(){ var page=get...
wxml页面里 我直接写controls=’true‘效果没显示对 所以写在了js里<video id="myVideo" src="{{videoUrl}}" loop='true' controls='{{controls}}' show-fullscreen-btn='{{controls}}' autoplay="true" ...
comm.js 文件// comm.js 文件// 展示进度条的网络请求// url:网络请求的url// params:请求参数// message:进度条的提示信息// success:成功的回调函数// fail:失败的回调//其他参数可以自定义传入function requestAjax(url, data, message, success, fail) { // ...
因为video是全屏显示的,所有将控件全部隐藏了,这样就不能没有了点击暂停按钮。所以要自定义。 <video id="myVideo" src="{{videoUrl}}" loop='true' controls='{{controls}}' show-fullscreen-btn='{{controls}}' autoplay="true...
小程序文档中写到只有cover-view 标签能覆盖live-player 标签如果动态的改变cover-view 的滚动条 会出现cover-view 标签偶尔隐藏找了半天也没有找到问题这个场景是发生在直播间 下面的聊天框后来发现小程序已经将view 标签与live-player 同级了 所以view标签是可以覆盖在live-player上面的可用view标签去代替cover-view 标签这样就不会动态改变滚动条标签消失 在文档中没有找到相关的说明但是遇到此问题的朋友可以试一试 我
onLoad: function (options) { wx.setNavigationBarTitle({ title: '标题' }) }在监听页面加载 获取你上一个页面跳转过来传的值 来改变导航标题 这里说的是跳转页面改变将要跳转到该页面的标题在本页面改变当前页面的标题也是用这个方法...
这里是 我在app.js里定义了wxst 全局的let app = getApp()Page({ onReady: function () { app.globalData.wxst=wx.connectSocket({ url: 'wss://********',//websocket地址 method: 'GET', success: function (res) { console.log('WebSocket连接创建', res)
小程序发版后版本修改,但是老用户看到的还是老板的是因为小程序的缓存导致,用户如果手动删除小程序再打开会是最新版本的,但是这样体验不好,所以我们要自己检测版本跟新提示用户,小程序会重新打开这样就好了。我们在app.js里写个方法autoUpdate: function() { var self = this // 获取小程序更新机制兼容 if (wx.canIUse('getUpdateManager')) { const updateManager = wx.ge
功能跟抖音界面一样那种全屏显示1.首先我们要将页面是全屏的,小程序是自动头部导航的所以要去掉这里我们就要自定义导航当自定义导航 我们不做样式 这样页面回事全屏的在json文件中{ "navigationStyle": "custom",//这是自定义导航 "enablePullDownRefresh": false,//是否开启当前页面下拉刷新。 "disableScroll":true,//设置为 true 则页面整体不能上下滚动。只在页面配置中有效,无法在 app.json
wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面需要跳转的 tabBar 页面的路径 (代码包路径)(需在 app.json 的 tabBar 字段定义的页面),路径后不能带参数。wx.switchTab({ url: '/index'})wx.reLaunch(Object object)关闭所有页面,打开到应用内的某个页面需要跳转的应用内页面路径 (代码包路径),路径后可以带参数。参数与路径之间使用?
<view class="navTop" style='padding-top:{{navtop}}px;'>头部</view>.navTop{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: rgba(255,255,255,.8); font-size: 34rpx; position: fixed; top: 0; left: 0;}d
<view class="saveImg" bindtap="saveImg">保存到相册</view><view class="canvasImg" wx:if="{{canvasImgState&&!tempFilePathState}}"> <canvas canvas-id="myCanvas" style='width:{{canvasW}}px; height:{{canvasH}}px;' /> </view
npm install --save lottie-miniprogramnpm init记得要在小程序工具中构建一下npm<canvas id="booth" type="2d" class="booth" />import lottie from 'lottie-miniprogram' onLoad(){ wx.createSelectorQuery().selectAll('#booth').node(res => { const canvas = r.
公用js 文件在我 账号下载里 有可以去下载一下 <canvas id="webgl" canvas-id="webgl" type="webgl" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" bindtouchcancel="touchCancel" style="width: 750rpx;height: 720rpx"></canvas>这里也加了手势滑动,
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号