最近在做一个客户管理的项目,pc是react写的。突然加需求要小程序,还要用uniapp(奇葩需求)。以前从来没了解过uniapp和小程序,在此记录下过程和遇到的坑。
1.<image>标签,图片显示问题
开始需要在页面中引一张banner图,看官网说用image标签,不能用img。就尝试了下。设定了width=100%,按以前的经验来说,高度应该是自适应了,但结果图片却变形了,调试发现有固定高度??再运行下H5发现正常...emmm去查了下资料发现小程序中<image><image/>标签有默认的大小是宽300px,高225px。有一个mode属性,他有4中缩放模式,9种剪裁模式。如果需要解决这个问题,需要用 widthFix:宽度不变,高度自动变化,保持原图宽高比不变。这个属性。
后来发现官网也有写,只是自己没有好好看官网...
开始新的项目了,依旧是uniapp小程序,继续记录吧...
2.picker选择器,Array<Object>形式的数据弹出显示 [objact Objact] 问题
<picker
@change="bindPickerChange"
:value="platformList.ID"
:range="platformList"
:range-key="cPlatformName"
class="dInput-input">