修改微信小程序意见反馈(feedback)按钮样式

最新推荐文章于 2023-02-07 22:19:49 发布

Mr_Tony

最新推荐文章于 2023-02-07 22:19:49 发布

阅读量2k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/Mr_Tony/article/details/109731497

版权

前端专栏收录该内容

39 篇文章 1 订阅

订阅专栏

整体样式如下:
在这里插入图片描述
代码如下:

	<view class="mine-provision">
		<button open-type="feedback" class="feedback">
			投诉建议
		</button>
		<image src="../../img/arrow_gray.png"></image>
	</view>

.mine-provision {
  background-color: white;
  padding: 20rpx 40rpx;
  display: flex;
  flex-direction: row;
  margin-top: 10rpx;
  align-items: center;
}

.mine-provision view {
  color: #666666;
  font-size: 32rpx;
  flex-grow: 1;
}

.mine-provision image {
  width: 24rpx;
  height: 24rpx;
  flex-shrink: 0;
}
.feedback {
  margin: 0;
  padding: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  color: #666666;
  font-size: 32rpx;
  font-weight: normal;
  flex-grow: 1;
}

.feedback::after {
  border: none;
}