草庐IT

uniapp 一进页面是白名单,无需登录,直接进入

需求用户未登录可以进白名单的页面(即分享页面,无需登录)用户已登录进入相应的界面用户一进白名单的页面直接进去用户跳转到未登录的页面并且不是白名单的一律直接到登录页面实现路由守卫app.vue的全局控制一、路由守卫项目结构|--|--App.vue|--index.html|--main.js|--manifest.json|--pages.json|--uni.scss|--.hbuilderx||--launch.json|--api#api文件|--components#自定义组件,按照格式:组件名/组件名.vue,使用组件时无需引入,直接使用即可|--pages #页面|--static

【uniapp小程序】分享功能onShareAppMessage函数传参数

【uniapp小程序】onShareAppMessage函数传参数小程序中分享功能需要在button组件中添加open-type:“share”,当点击button的时候就会调用onShareAppMessage函数。如果需要将按钮的参数传入给函数,使用:data-属性=值buttonclass="discount-right-share"size="mini"open-type="share":data-coupon="item"> 转br/>赠br/>他br>人button>1、使用onShareAppMessage函数。在页面的js文件中定义了onShareAppMessage函数时,页

uniapp开发微信小程序,主包(分包超过限制)

嘀嘀嘀 ~ 和大家分享一下 最近的uniapp开发微信小程序 在真机调试或者在上传的时候提示主包或者分包大小超过限制 首先和大家说一下 微信小程序 主包限制不能超过2M   分包一共不能超过8M(好像是记不太清了)然后具体解决优化步骤如下,1.  将主包进行分包  在pages.json下subPackages里面进行配置分包    分包配置完  配置过的文件都需要进行修改对应的路径2 . 在运行的时候  勾选压缩代码   3.在开发工具打开代码依赖分析  把项目中多余的文件去掉,把图片都放到服务器,或者将图片进行压缩缩小体积 (最后是将本地图片都放到服务器,大项目中  每100k都是很重要的

Uniapp编译后小程序的代码反编译一些思路

最近客户做的一个微信小程序,可以原来的开发者忘记给他源文件了,只能通过反编译uniapp找回原来的代码,特此记录一下反编译的过程举例:{['default']}}">{tabscurrent}}"data-event-opts="{{[['^click',[['tabsChange']]]]}}"list="{{tabslist}}"vueId="{{'6199cf00-2'+','+'6199cf00-1'}}">{pempty}}"vueId="6199cf00-3">{pempty==false}}">{swiperlist!=null&&cateid==0}}">{true}}"cla

uniapp 侧边栏组件

 {{item[fieldName]}} {{children[childrenName]}} {{item[fieldName]}} /** *@property{classifyData}Array侧边栏数据 *@property{fieldName}String没有children的显示关键字默认name *@property{fieldKey}String没有children的显示选择关键

uniapp小程序接入腾讯IM聊天

腾讯IM中创建项目 拿到AppID 与 密钥 下载demo 将debug 文件夹拖到自己项目中 在第一个js文件中填入自己项目的APPID 与密钥下载(tim-wx-sdk 上传文件 的依赖 看项目所需importTIMfrom'tim-wx-sdk';importTIMUploadPluginfrom'tim-upload-plugin';letoptions={//SDKAppID:1400770479SDKAppID:1400372093//接入时需要将0替换为您的即时通信IM应用的SDKAppID};//创建SDK实例,`TIM.create()`方法对于同一个`SDKAppID`只会

【uniapp小程序】使用swiper实现页面内部左右滑动的切换

具体效果:手指在页面左右滑动会切换tab 背景:项目里原有代码复制,去除一些功能,只留一个外壳,目的是为了以后套套套代码:{{`${item.title}`}}内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域-->importstudyCenterfrom'../study-center.vue'exportdefault{name:'advanced-page',components:{studyCenter},data(){return{titleList:[//标题列表{title:'白银级',//标题名value:

微信小程序使用uniapp自定义tabbar

注意:该自定义tabbar存在闪烁的缺点,目前解决不了,期待有大神能解决!第一步:在pages.json里定义自己tabbar路径,定义的时候只需要写上页面路径即可 第二步:自定义tabbar页面,注意为了实现点击动作的动态效果,需要用到watch监听父组件传来的值的改变  自定义tabbar页面全部代码 {{item.tabbarName}} exportdefault{ props:{ page:{ type:String, default:"homeIn

uniapp小程序自定义tabBar,根据身份切换自定义tabBar

1.对于导航页自定义tabBar,仍需要在pages.json中配置tabBar"tabBar":{//此设置方法小程序真机无效,应在app中隐藏原生tab//"custom":true,//"selectedColor":"#2196F3","list":[{"pagePath":"pages/home/home","text":"首页","iconPath":"static/tab/home.png","selectedIconPath":"static/tab/home-active.png"},{"pagePath":"pages/notice/notice","text":"公告",

uniapp小程序消息订阅功能

场景描述微信充电小程序希望在用户充电时间结束,或者用户的充电完成时。通过微信公众号的推送信息的方式,告知用户充电进程。需求实现基础API:实现上面的需求用到API有:uni.getSetting()、uni.openSetting()、核心uni.requestSubscribeMessage()uniapp官方文档uni.getSetting():获取用户的当前权限的设置。uni.openSetting():调起客户端小程序设置界面,返回用户设置的操作结果。uni.requestSubscribeMessage():调起客户端小程序订阅消息界面,返回用户订阅消息的操作结果。效果展示图1消息订