模板网站自助建站,泰州网站建设工作,深圳网站建设公司佳速互联,有哪些做问卷调查的网站踩坑1
1.nvue里面的样式不可以用预编译语言#xff0c;只能用css#xff1b; 2.不能随心所欲地使用选择器#xff0c;nvue只支持单类选择器#xff08;不可以使用交集选择器和后代选择器#xff0c;但可以使用并集选择器#xff09;#xff1b; 3.div是容器#xff0c…踩坑1
1.nvue里面的样式不可以用预编译语言只能用css 2.不能随心所欲地使用选择器nvue只支持单类选择器不可以使用交集选择器和后代选择器但可以使用并集选择器 3.div是容器里面不能直接写字要在里面写上text
其他
1.nvue支持行高line-height但是不支持纯数字的行高表示行高是字体大小的多少倍只支持带单位的长度。我就特别喜欢用数字做为行高结果打开页面我一脸懵逼文字只能看见一条线改成具体的高度后就正常了
2.nvue不支持box-sizing的设置。我之前很喜欢用padding撑开距离因为box-siziing默认是content-box用padding可以撑开距离结果nvue的box-siziing是border-box而且无法修改给图片加上padding会让图片变形
3.nvue里的fixed定位的元素不受z-index的影响层级完全由先来后到决定写在后面的元素层级永远比写在前面的高。
4.nvue里如果需要用bottom来定位怎么办我知道定位的四个偏移量里top优先级高于bottomleft高于right。在浏览器中只想用bottom来定位不想用top直接用bottom没问题在nvue里我就碰壁了。解决方法是先把优先级高的top“解决掉”才能用bottom——在样式里写上top:auto;然后对bottom的设置才会生效。left和right也是同理。
5.nvue要怎么控制文字的换行CSS里有white-space控制换行然而nvue不支持。如果想让文字不换行可以设置lines属性为1默认为0表示没有限制多少行
6.uni-app的为vue文件提供了更多的生命周期nvue文件却没有。比如onLoad就没有如果要做初始化的工作可以写在mounted生命周期钩子里去。
踩坑2
1.关于图片圆角。
因为我做的页面上面有出现用户头像是圆形的需要做成图片圆角。看了一些别人的博客他们说是在“外层的父容器
的样式上加上圆角然后用overflow来切掉它让图片变圆”可是我尝试了以后发现并没有成功。
然后我把关注点从
上挪开改成在上加上border-radius就成功了写成50%和带单位的长度都是有效的
2.关于显示隐藏。
nvue必须用flex布局我认为原因是它里面的display值为flex而且不可以改成标准流的block等也就是不支持修改display。
v-show的显示隐藏就是靠display:none和 display: block;很显然v-show在nvue里会失效。而v-if是把整个元素删掉和插入了是可以做到显示隐藏的但是我认为对于弹窗来说需要频繁切换显示隐藏v-if用在这里不合适。所以必须找一个不借助display:none;的隐藏方法而且隐藏后不能占空间不能被误点到也不能频繁插入和删除元素。
所以不能用插入删除元素的v-if,不能用作为障眼法的transform: scale(0),opacity: 0;也不可能用仍然占空间的visibility:hidden;我试用了下发现在nvue里这个没有生效。我想到了用宽度或高度为0的办法。
具体来说对于宽度固定的元素如蒙板是全屏的宽度肯定是750rpx或者某个弹窗高度不确定但宽度为500rpx这个时候可以给默认样式写成width:0;然后根据条件判断要显示的时候加上另一个叫“show”的calss在“show”里面写上正常的宽度。这样这个元素一直存在于页面是否可见完全取决于有没有加上show这个class。
反之有的元素高度是固定的或者和后面的元素上下相连不希望隐藏的时候保留高度就可以做成默认height:0;在“show”的class里写上具体的高度。
如果不给widh和height设置固定的宽度和高度则它们的实际大小是由内容撑大的。但是很遗憾我发现给“show”里面设置width或height为auto并没有效果。所以只能退而求其次在确定是固定的大小的那一方进行这样切换。如果width和height都设为0还能看见元素的一小部分那不是因为有的东西无法隐藏而是因为padding撑起了这一小块的空间。
3.一个小细节。
我想让点击内层元素事件不冒泡但又暂时不知道内层元素点击了要做些什么事情就写成了tap.stop后面没有绑定事件函数我记得这样也是可以的。结果出现了非常莫名其妙的错误value.trim is not a function。我根本就没有写到trim。百度了一堆错误原因五花八门我通过排除法才找到这里的。问题应该是我没有绑定函数我最后是绑定了一个空函数到这里。
4.关于flex的小细节。
我发现给内层的元素设置宽度和高度的时候用百分比无效用带单位的数字可以。
