uni-app
stormzi
一生赤诚
展开
-
微信小程序在不同设备下的屏幕适配(px和rpx换算)
单位换算一、ui以iphone6为设计稿:1.开发人员在css文件中以px为单位使用的话,要除以2才能当做正常的尺寸使用,即45px;2.苹果6模板 换算关系: ui给定的90px = 原生iOS的45 = css的45px = 微信小程序的90rpx3.所以css的px和wxss的rpx的换算关系:1px = 2rpx二、ui以iphone6plus为设计稿:1.开发人员在css文件中以px为单位使用的话,要除以3才能能当做正常的尺寸使用,即30px;2.苹果6plus模板 换算关系原创 2020-09-08 09:06:49 · 2900 阅读 · 0 评论 -
如何设置picker的默认选项
<picker bindchange="typeChange" value="{{typeIndex}}" range="{{types}}"> <view>{{typeIndex==null ? "请选择" : types[typeIndex]}}</view></picker>data: { types:["A","B","C"], typeIndex:null},methods:{ typ.原创 2020-09-08 08:50:52 · 4833 阅读 · 0 评论 -
小程序开发遇到的问题及解决方法
1.display:flex 遇到white-space:nowrap使用了flex布局,但是想让后面div里文字不换行,超出以点点表示时,这时布局就乱了,发现原来flex布局与white-space:nowrap有影响。解决办法,父div设置 min-width:0 即可2.如何实时计算textarea中的输入字数<template> <view class="complain_title_right">{{ conterNum }}/200</vie原创 2020-08-29 10:52:48 · 1058 阅读 · 0 评论 -
uni-app用了scroll-view后的下拉刷新问题以及跳转到tabbar的方法
1.用了scroll-view后的下拉刷新问题如果swiper嵌套scroll-view纵向滚动条需要用到下拉刷新功能,在用户下拉时,其实是触发的scroll-view纵向滚动条中的下拉事件,无法触发到页面级的下拉事件。此时,如果通过onPullDownRefresh页面级的下拉事件,是没有效果的。如果不采用scroll-view,则页面级的上拉加载只能触发一次,所以不采用这种方法。而采用scroll-view 组件中的组件下拉刷新功能:refresh() {原创 2020-07-30 11:33:09 · 4262 阅读 · 0 评论 -
uni-app避坑
1. 使用navigationStyle自定义导航栏在page.json文件中添加"navigationStyle": "custom"就可以了2.globalStyle全局外观配置3. rgba(0.3,0.3,0.3,0.3)4. 单边阴影效果 .top { box-shadow: 0 -2px 0 red; } .right { box-shadow: 2px 0 0 green; } ..原创 2020-07-08 17:24:07 · 652 阅读 · 0 评论