头条小程序 button组件设置边框问题

在uni-app框架下适配头条小程序，给button组件设置圆角出现了以下现象：

按uni-app文档给button组件加上plain 在开发者工具中可以了，但真机上还是不行。

看了一下字体跳动小程序文档中对button组件的描述：

Tip：目前，组件的边框不是通过 border 属性来控制的，而是有个 :after 伪类，所以如果需要修该边框样式，请对该伪类元素设置样式。

这个border 只能用伪类来控制。

所以我们给全局button组件样式增加一个公共属性：

/* #ifdef MP-TOUTIAO */
button::after{
border: none;
}
/* #endif */

这么设置一下就可以了。

头条小程序 button组件设置边框问题相关推荐

微信自定义tabbar有小红点_自定义微信小程序tabBar组件上边框的颜色
背景: 在微信小程序的实际开发过程中,有时候我们需要修改微信小程序提供的 tabBar 组件顶部边框的颜色,以满足项目需求解决方案: 方式一: 通过tabBar组件自带的 borderStyle 属 ...
自定义微信小程序tabBar组件上边框的颜色
背景: 在微信小程序的实际开发过程中,有时候我们需要修改微信小程序提供的 tabBar 组件顶部边框的颜色,以满足项目需求解决方案: 方式一: 通过tabBar组件自带的 borderStyle 属 ...
微信小程序15---将组件设置为圆形
1.上图 2.index.wxss 宽高和弧度的设置 .circle{width: 100px;height: 100px;border: 0 solid #ffffff;border-radius: ...
VUE踩坑——this.$nextTick、头条小程序组件传值报错问题
头条小程序在使用插件并调用组件方法报错 this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行.在修改数据之后立即使用它,然后等待 DOM 更新.它跟全局方法 Vue.nextTi ...
微信小程序常用组件
欢迎体验个人小程序表情小作坊轻松定制表情包三连图文字转图片吃什么都行解决广大用户吃饭选择恐惧症的问题微信小程序的组件也挺多了,还是把官网的组件介绍地址先贴出来吧 https://mp.w ...
微信小程序____小程序的组件用法与HTML5标签的区别
熟悉一门开发语言或是一种框架,除了了解它的基本语法.基本控件.基本属性之外,最好的方式莫过于追根溯源,与同类型的.自己熟悉的语言比较并了解它的异同,这样才能更好的去理解并记忆. 下面我们先探究下它们之 ...
微信小程序的组件用法与传统HTML5标签的区别
小程序与传统HTML5的区别小程序刚开放公测,互联网圈内开始了各种解读和猜测.其中有观点认为小程序和HTML5有着紧密关联,甚至小程序就是基于HTML5开发. 经过仔细研究文档和代码开发,从视图层的 ...
微信小程序自定义组件，提示组件
微信小程序自定义组件,这里列举了一个常用的提示自定义组件,调用自定义组件中的方法和字段.仅供参考和学习. 编写组件: 在根目录下添加"components"目录,然后像添加Page ...
php小程序onload,微信小程序 loading 组件实例详解
这篇文章主要介绍了微信小程序 loading 组件实例详解的相关资料,需要的朋友可以参考下 loading通常使用在请求网络数据时的一种方式,通过hidden属性设置显示与否主要属性: wxml 显 ...

头条小程序 button组件设置边框问题

头条小程序 button组件设置边框问题相关推荐

最新文章

热门文章

头条小程序 button组件 设置边框问题

头条小程序 button组件 设置边框问题相关推荐

最新文章

热门文章

头条小程序 button组件设置边框问题

头条小程序 button组件设置边框问题相关推荐