0
点赞
收藏
分享

微信扫一扫

微信小程序重定义button样式--open-type=concat

读思意行 2022-04-25 阅读 77

wxml

<button class="by-but" open-type="contact">
	<view>
		<image class="icon" src="../../static/image/icon_online_service.png"></image>
  	<view class="text">在线客服</view>
  </view>
</button>

在这里插入图片描述
wxss

.by-but {
  background-color: transparent;
  border: 0px;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  line-height: 1.49;
  padding: 0;
  view {
  z-index: 100;
  }

  // margin-left: 240rpx;
}

.by-but::after {
  border: 0;
}
 .icon {
    width: 84rpx;
    height: 84rpx;
  }

  .text {
    text-align: center;
    font-size: 24rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #191E23;
    line-height: 33rpx;

  }

举报

相关推荐

0 条评论