整体样式如下:
代码如下:
<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;
}