草庐IT

uni_app 微信小程序 苹果手机 边框显示不全

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

uni-app去除手机的状态栏(像电量、信号、时间等)

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

【Uni-App】用 uView 组件库中的u-picker 实现地区的 省-市-区 三级联动&确认&回显

目录一:准备工作二: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

uniapp- 使用 uni-getLocation 用户拒绝之后引导用户开启定位流程

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

uni-app微信小程序,在页面顶部添加返回按键,返回上一个页面

1.示例:2.实现方式:在page.json文件中的style里添加如下代码:{"path":"pages/noteDisplay/index","style":{"navigationBarTitleText":"畅所欲言", "app-plus":{ "bounce":"none",//关闭窗口回弹效果 "titleNView":{ "buttons":[//原生标题栏按钮配置, { "type":"none", "text":"\u2713", "float":"right" } ] } }}}3.tips:在page.json中的页面顺序就是小程序加载过程中的页面顺序

uniapp 下拉框效果使用 uni-data-select标签

v-model="formData.femMerchantsClassificationId":localdata="range"@change="change">:localdata绑定下拉框内容当下拉框内容调用后端接口时候,写法:data(){ return{range:[],}methods:{category(){            uni.request({               url:“”,               method:'GET',               header:{                  'Authorization':'Beare

uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结

下拉刷新和上拉加载是业务上一个很常见的需求,在微信小程序里,提供了下拉刷新的方法onPullDownRefresh。最近在开发一个微信小程序项目,里面用到了下拉刷新重新加载数据的功能。做完后做了下总结。使用的是uni-app开发的,所以就以uni-app为例。开启下拉刷新1、全局开启下拉刷新在pages.json的页面中“globalStyle”对象里面做全局配置:“enablePullDownRefresh”:true2、局部开启下拉刷新在pages.json的页面中“pages”中的“style”对象里面做配置:“enablePullDownRefresh”:true在实际开发中,推荐使用

#微信小程序# #uni-app# 实现提交表单或登录,需勾选同意协议,才可以进行下一步

一、需求:实现提交表单或登录,需勾选同意协议,才可以进行下一步二、步骤/思路:(1)使用uni-app的组件checkbox-group排出勾选协议版面            确定绑定取消(2)设置一个多选框的数组,绑定在u-checkbox-group里,使用这个数组来进行判断是否勾选了用户协议data(){ return{ treaty:[],}}(3)设置点击事件toBngling(),写入判断this.treaty.length==0; 若没有勾选,那数组的长度就为0,就会弹出需要勾选用户协议的吐司,若已勾选了按钮,那数组的长度就不为0,就可以进行下一步//确定绑定toBngling

Hbuilder创建uni-app项目配置依赖(node-modules)

问题指出:使用Hbuilder创建uni-app项目,下面没有package.json文件,没有这个如何引入依赖?这里我先随便创建一个uni-app项目,项目名字就叫“原始模板”。如图所示,这里是没有package.json这样的配置文件。问题方案我想引入element-UI里面的东西,因为不安装这个依赖,就会报错,找不到相关信息。我也是从网上找一些资料,看的比较乱。我也是自己瞎倒腾,实现的最终效果。如有问题,请大家指正。方法:1:先在main.js里面引入自己需要的模块,我这里引入的是element-UI。importAppfrom‘./App’importAppfrom“element-u

Hbuilder创建uni-app项目配置依赖(node-modules)

问题指出:使用Hbuilder创建uni-app项目,下面没有package.json文件,没有这个如何引入依赖?这里我先随便创建一个uni-app项目,项目名字就叫“原始模板”。如图所示,这里是没有package.json这样的配置文件。问题方案我想引入element-UI里面的东西,因为不安装这个依赖,就会报错,找不到相关信息。我也是从网上找一些资料,看的比较乱。我也是自己瞎倒腾,实现的最终效果。如有问题,请大家指正。方法:1:先在main.js里面引入自己需要的模块,我这里引入的是element-UI。importAppfrom‘./App’importAppfrom“element-u