1、尽量使用背景图片代替img标签,一定要使用图片一定要require引入
2、vue传参数据尽量结构简单,复杂数据容易出错
3、弹窗唤起使用class控制,尽量不要使用v-if。

常用显示方法

		methods:{
			show(){
				this.showPicker = true;
			},
			hide(){
				this.showPicker = false;
			},
			}
页面调用
<Picker ref="picker"  @submit="submit"></Picker>

this.$refs.picker.show()

样式

.picker{
		transition: all 0.3s ease;
		transform: translateY(100%);
}
.show {
		  transform: translateY(0);
		}

4、全部使用flex布局,避免使用浮动
5、input输入框uniapp自带样式,调整高度后各平台表现不一样,建议使用样式调整下级所有元素

input{
	*{
		height: 100upx;
		line-height:100upx;
	}
}
Logo

前往低代码交流专区

更多推荐