给view设置了大小，如何让他的背景图片填充满这个view

微信公开课小程序热门讨论关于「给view设置了大小，如何让他的背景图片填充满这个view」的小程序开发问题
补充:给view设置了大小，如何让他的背景图片填充满这个view
展开:通过js动态设置了view的大小，然后动态设置了背景图片，如何让背景图片的自动填充满这个view，不多也不少，但是图片可能会变形好像是设置backgroundsize:100%100%;但是设置了没有效果呢wxml中的代码：<viewclass=styleBodystyle=bottom:{{styleBodybottom}};left:{{styleBodyleft}};width:{{styleBodywidth}};height:{{styleBodyheight}};background:{{styleBodyfrontBackground}}wxss中的代码：styleBody{position:fixed;backgroundsize:100%100%;*填满整个屏幕*}js中的代码：data{styleBody:{frontBackground:rgba(255,0,0,01),*正面样式的背景*reverseBackground:rgba(255,0,0,01),*背面样式的背景*bottom:,left:,width:,height:}},***上传图片*upPicture:function(){varthat=this;varfroAndRev=thisdatafrontDisplay;判断是正面还是反面wxchooseImage({count:1,sizeType:[original,compressed],sourceType:[album,camera],success(res){tempFilePath可以作为img标签的src属性显示图片consttempFilePaths=restempFilePaths;if(froAndRev==block){thatsetData({styleBodyfrontBackground:url(+tempFilePaths[0]+)})}else{thatsetData({styleBodyreverseBackground:url(+tempFilePaths[0]+)})}}})},***生命周期函数监听页面加载*onLoad:function(options){varwinWidth=wxgetSystemInfoSync()windowWidth;varwinHeight=wxgetSystemInfoSync()windowHeight;thissetData({bodyswidth:winWidth*085+px,bodysheight:winHeight*08+px,bodysleft:winWidth*0075+px,bodysbottom:winHeight*0165+px,styleBodywidth:winWidth*06+px,styleBodyheight:winWidth*06+px,styleBodyleft:winWidth*02+px,styleBodybottom:winWidth*04+px,upPictureBtnwidth:winWidth*04+px,upPictureBtnleft:winWidth*0075+px,upPictureBtnbottom:winHeight*005+px,sumbitBtnwidth:winWidth*04+px,sumbitBtnright:winWidth*0075+px,sumbitBtnbottom:winHeight*005+px,iconfontSize:winWidth*01+px,icontop:winWidth*01+px,iconright:winWidth*015+px})},感谢大佬们对小白的支持
更多有关「给view设置了大小，如何让他的背景图片填充满这个view」的讨论可以前往微信公开课小程序参与互动哦！了解更多