微信小程序对cover-view标签设置border没效果（手机不显示）

最新推荐文章于 2024-06-24 09:40:35 发布

Mr_chen95

最新推荐文章于 2024-06-24 09:40:35 发布

阅读量1.3w

点赞数 1

分类专栏：微信小程序文章标签：微信小程序对cover-view设置border无效

本文链接：https://blog.csdn.net/Mr_chen95/article/details/79262447

版权

跟我的另一篇博客有些相似之处，都是在手机上不显示的问题，这次是border不显示，最近在做的一个项目，cover-view跟map结合一起使用，对cover-view设置border无效，现在都没找到原因，不过有一个解决的办法
比如我要给一个cover-view设置底部边框，我会在下面再添加一个cover-view，给第二个cover-view设置宽度百分之百，高度为1个像素，说白了就是模拟边框

<cover-view class='dialog-content'>12345上山打老虎！</cover-view>
<cover-view class="dialog-longline"></cover-view>

.dial

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mr_chen95

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序设置超出边框不显示_小程序coverview踩坑

weixin_29191669的博客

12-10

1673

李敖1.cover-view内只支持部分标签可以使用的有：cover-view、cover-image，button，，，其他的一律不显示2. cover-view不支持设置单边框意思就是要么设置四周的边框，要么就不显示，单独使用border-left，border-right，border-top，border-bottom都不会显示，那么问题来了，如果要绘制类似于表格的东西，单元格...

小程序map层级，cover-view无法设置border

Baby_加油_的博客

07-03

1632

很坑的是，小程序用map，fixed元素在android手机上不显示查阅后才知道，map的层级最高，无法用zIndex改变小程序官方给了方法，用cover-view或cover-image 就是如果想在地图上显示其他，只能在map标签下写，必须用cover-view组件例如下面的写法 <view class='point_pos'> <map id='point_map...

3 条评论您还未登录，请先登录后发表或查看评论

微信小程序 IOS部分机型border显示不均或不完整问题

最新发布

qq_59562332的博客

06-24

590

在小程序中，ios的部分机型会出现border 显示不完整，或是boder粗细不均的问题，在我看来，这是极少数的情况。

cover-view border-bottom 在真机不显示

Zmikoo学习之路

09-18

508

微信小程序cover-view不支持设置单边的border,可以新增一个元素来模拟边框效果 <cover-view class='dialog-content'>12345上山打老虎！</cover-view> <cover-view class="dialog-longline"></cover-view> .dialog-longline { width: 100%; height: 2rpx; background-color:

小程序map 组件内嵌套元素，cover-view 标签上图标不显示问题

泥猴桃的博客

11-30

5401

最近搞小程序的map 地图，在map 组件内只能用用cover-view 或者cover-image等标签，但是发现用上图标在真机上不显示，后来发现用在其他非原生组件里却没有这个问题，经过查阅相关资料发现，小程序的原生组件中嵌套标签上使用图标确实有bug ，真机上不显示，只能用cover-image 使用图片才行。还有个值得注意的地方，小程序中使用字体图标的话，字体文件上传失败，要转成base...

【微信小程序】cover-view在真机不显示

qq_45587822的博客

03-06

4855

cover-view内容在加了postion属性后不显示，在模拟器和真机上都不显示。 <cover-view>Hello World</cover-view> CSS代码： position: absolute; top: 100rpx; left: 100rpx; 此时在模拟器和真机上都不显示；当加入z-index: 1000; 此...

微信小程序cover-view的padding样式不起作用

qq_40012232的博客

03-19

1100

微信小程序cover-view样式 padding在有些苹果手机上不起作用，给他设置height属性来解决

微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)

01-03

微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案，cover-view不兼容,具体内容如下所示： 1.从微信小程序的官网扣下来的demo，实际测试中，发现6s ios10 系统不兼容，里面的内容出不来 <cover class=tab-...

详细的介绍微信小程序视图容器组件view、scroll-view与swiper与swiper-item，理解flex布局与主轴的对齐方式justify-content属性

weixin_56296642的博客

06-28

1149

详细的介绍微信小程序视图容器组件view、scroll-view、swiper与swiper-item,理解flex布局与主轴的对齐方式justify-content属性

高德地图小程序步行路线显示_微信小程序----map路线规划

weixin_39575775的博客

12-19

505

声明bug：页面脚的步行、骑行、驾车区域在真机测试是会出现不显示问题？造成原因：在小程序map组件的同一区域，map组件的视图层比普通的文本视图层要高，所以在真机会遮挡！解决办法：将该文本视图采用cover-view，放在map中。感谢：感谢Lrj_estranged指出问题！效果图进入页面直接定位到当前位置，输入目的地！返回首页查看路线规划—选择驾车、步行、骑行原理采用微信小程序的map组件...

微信小程序 border设置单边框失效解决办法

m0_52143936的博客

04-27

2857

微信小程序 border设置单边框失效解决办法遇到的问题解决的方法总结遇到的问题 border-right: 1 rpx solid #ccc; border-bottom: 1 rpx solid #ccc; 这样之后发现边框没有显示出解决的方法 border-right: 1rpx solid #ccc; /*之前显示不出来是因为1 和 rpx分开了*/ border-bottom: 1rpx solid #ccc; ![在这里插入图片描述](https://img-blog.

微信小程序中canvas、echarts层级太高，z-index，cover-view无效问题

偏执

04-07

1992

image.png image.png 相信大家都尝试过各种奇技淫巧，然后发现没什么卵用例如：什么z-index 9999999、cover-view包裹设置层级、一顿操作下来，发现鸟用没用气急败坏其实人家微信小程序官网说了、自**版本后已支持同层渲染，向下兼容也有方案 image.png image.png 所以呢，看完以后是不是豁然开朗？然后迫不及...

微信小程序 首行缩进 text 标签 text-indent 不起作用

qq_57278020的博客

09-07

2765

服务器时区值无法辨认或表示多个时区如果你想使用时区支持你必须通过服务器时区配置属性来配置服务器或JDBC驱动从而使用更具体的时区值，在url后面加?使用view标签代替text标签，text-indent：2em是可以起到首行缩进作用的。

小程序踩坑：cover-view显示问题

热门推荐

peade的博客

03-27

1万+

在ios下，cover-view 始终是overflow:hidden方式显示，无论怎么调整，都不会变化。而在android下，overflow的样式可以被覆盖的。 cover-view下，设置了z-index不起作用。基于以上的考虑，在设计图和页面实现时，应该考虑到这种情况的影响。存在页面元素交叉覆盖时，就不容易实现了。 ...

小程序超过部分隐藏，不起作用

weixin_42861240的博客

03-13

3746

遇到一个问题：小程序超过部分隐藏，不起作用，查了好多原因，最后发现不一定是英文才要给它强制换行，中文的情况也要 css H5上可用，到微信小程序上就没用 display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; 最后改成这样才可以 overflow:hidden; text...

【修复日常bug】解决微信小程序cover-view使用position:fixed；不显示的问题

技术大咖 Rohlin的博客

07-27

5457

我们看微信官方api说明 tip: 基础库 1.9.90 起最外层cover-view支持position: fixed 然后我们开发的过程中发现使用了position:fixed无效，首先应该检查一下基础库是否是1.9.90或以上，开发者工具详情按钮可以查看基础库版本号：如果基础库版本号是1.9.90或以上我们就可以排除这个原因，还有一个原因就是我们cover-...

微信小程序input组件边框不显示问题的解决方法

TENET_T的博客

01-28

7045

问题情景在微信小程序开发中经常用到input组件，但是如果按下面的wxml代码去写，input的边框是不会显示的，只有在鼠标点过去的时候才会有个光标 <view class="setinput"> <input class="input1"></input> </view> 即使在wxss中设置了边框颜色为黑色，还是无法显示边框 .input1{ border-color: black; } 解决方法在wxss中光设置边框颜.

微信小程序cover-view 中button 设置宽度无效

cengjing123_的博客

09-22

957

<cover-view class="btns"> <button class="btn" bindtap="addCartSureBtn">确定</button> <button class="btn" bindtap="hideModel">取消</button> </cover-view> .btns .btn { width: 190rpx !important; }