uniapp开发技巧

1,605 阅读1分钟

使用 rpx 作为响应式尺寸单位

开发者可以按如下步骤将 px 升级为 rpx:

全局搜索 px 替换为 rpx 在manifest.json根节点下,增加"transformPx":false 注意:如此替换升级后,px 恢复为传统的css尺寸单位,不再根据屏幕宽度自动响应。

修改uni 组件样式

比如:button 直接在上面定义一个class 支持小程序和H5

修改 uView 组件样式 对象动态绑定的方法

<view class="btn-wrap">
				<u-button type="primary" size="medium" :ripple="true" ripple-bg-color="#909399" :custom-style="customStyle" @click="allowLg">抖音快捷登录</u-button>
</view>




data() {
			return {
				customStyle: {
					// 驼峰写法
					fontSize: '33rpx',
					width: '617rpx',
					height: '100rpx',
					color: 'white'
				}
			}
		},

uview

条件编译

比如说 小程序中没有导航条的 在h5 和app中是有的

没有数据

应该给个图片提示

nvue

怎样修改

bgc

便捷式下拉

更改路劲

多端小程序

在onload定义变量

niapp

   // #ifdef MP-WEIXIN
		        this.iconType = ['success', 'info', 'warn', 'waiting', 'success_no_circle', 'clear', 'search', 'personal', 'setting', 'top', 'close', 'cancel', 'download', 'checkboxSelected', 'radioSelected', 'radioUnselect']
		        // #endif
				
			
			console.log(this.iconType);
			

在onload 直接加this.xx变量 赋值 不用再data中初始化

 ["success", "success_no_circle", "info", "warn", "waiting", "cancel", "download", "search", "clear", ob: Observer]