概述为了避免重复开发，自己封装了一个通用用户授权回调方法，只需要传入需要授权的scope，权限中文描述、回调函数，就可以实现一整套小程序是否授权、打开授权设置，调用后续操作函数的工作功能可以根据自己的实际应用进行微调目前使用的uni-app版本，可以根据自己的情况变为wx版本使用方式(示例）点我授权 //权限判断 importuserPermissionfrom'@/mixins/userPermission.js' exportdefault{ mixins:[commonRules,userPermission], data(){ return{ authorScope:'

随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大提升了开发的效率，降低了维护的成本。在本文中，我们将介绍如何在uni-app中使用cc-countdown组件。cc-countdown是一个倒计时组件，它可以显示剩余时间、天数、小时数、分钟数和秒数。用户可以通过设置不同的属性来定制倒计时的外观和行为。附源码下载地址：https://ext.dclou

用uni-app开发微信小程序，拉取项目后，使用npminstall后，在微信开发者工具中一直报下面这句错Error:Cannotfindmodule'@dcloudio/uni-i18n'反复安装了很多遍@dcloudio，@dcloudio/uni-i18n都不行，最后解决方法是，找到项目中uview-ui文件下的package.json，文件中有个sass-loader，把那一句的删掉微信开发者工具就不报错了，项目就出来了然后再撤销刚才的删除，项目也不会再报错了

情景介绍业务需求得做一个刷题单选框的组件，选中错误自动显示正确的。思路父组件监听题目的变化更新选项list，子组件深度监听proprs数据，变化的时候及时更新视图。但是发现一个问题，判断题的选项是一样的导致我渲染第一个题的时候无法操作下一题的选项，组件没有更新视图。解决办法：将子组件深度监听里的逻辑封装成方法，由父组件每次更新数据的时候强心渲染子组件，解决选项list一样的时候深度监听不调用方法。父组件selectOptionsref="options"@ok="change">/selectOptions>监听数据逻辑this.$refs.options.updateOptions(this

script> exportdefault{ data(){ return{ } }, onShareAppMessage(e){ if(e.from==='button'){ //console.log('来自页面内转发按钮'); }elseif(e.from==='menu'){ //console.log('右上角菜单转发按钮'); } return{//自定义分享内容 title:'课件使用问题通用解决方案', desc:'PC课件', path:`/pages/my/components/help/component

![在这里插入图片描述](https://img-blog.csdnimg.cn/3a4c4ab1a146444c84c72d360a057c01.png解决方案：原因：是因为我们在设置边框的时候设置的rpx，自适应会自动换算px,两者之间的比例一般都是1.5-2之间，对于边框border来说少于1px就会显示不正常。有残缺。解决方法：在设置比边框border的尽量大于1px。就不会出现残缺问题了

一、uni-app自定义导航栏时，导航内容会和手机自带的状态栏相重叠，为了解决这个问题可以这样：onShow(){//隐藏顶部电池,时间等信息plus.navigator.setFullscreen(true);//隐藏虚拟按键plus.navigator.hideSystemNavigation()},二、uni-app手机进入时配置横/竖屏，可以这样设置：onLaunch(){ console.log('AppLaunch'); //#ifdefAPP-PLUS //app锁定横屏 plus.screen.lockOrientation('landscape-primary

目录一：准备工作二：json文件数据例1例2三：先做个按钮做弹窗显示四：使用组件五：用到的变量六：初始化数据七：数据变更时的方法八：点击确认时的方法九：数据的回填这是选中效果这是其中的json文件一：准备工作组件的引入就不多赘述了直接看使用方法二：json文件数据地址我是引入的json文件数据结构大概是这个样子例1例2三：先做个按钮做弹窗显示做个动态style，控制是否高亮地址u-form-itemlabel="地区":border-bottom="false">u-cell:border="false">viewslot="right-icon"@tap="showLocal=true">t

效果图：一、默认全部关闭 1.首先需要在折叠面板中绑定activeName，activeName用来装每个面板的唯一标识2.在切换左侧规则时设置activeNames为空数组即可将全部的Collapse设置为关闭状态//中间是具体的每一个面板都是通过后台传过来的列表进行循环显示的 二、自定义图标（需求：1.需要隐藏右侧的默认图标2.在标题最左侧添加自定义图标3.根据折叠和显示改变自定义图标的箭头方向1.首先隐藏右侧的默认图标：审查元素可以看到右侧图标有自己的标签，直接隐藏掉（scoped下注意要用样式穿透.right-collapse{height:700px;//隐藏原始图标:deep().

注意：1.用户手动授权定位， uni-getLocation 可以使用，其他定位，请查阅，是否需要用户手动授权2.用户在第一次使用需要获取定位的地方，拒绝之后才会拉起下面的这些数据的请求3.开发者测试每次使用都需要清除缓存4.小程序使用时候，没有触发 uni-getLocation 函数，（小程序设置—位置消息）这个选择项不会显示到设置里面的，必须要触发一次才会展示uni-getLocation 拒绝之后引导用户开启流程1.在调用uni-getLocation接口（被用户拒绝，相当调用失败）在  fail: 里面请求 this.getSetting()  map(){ //wx.choo