[移动开发] 微信小程序重定义button样式--open-type=concat

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> 微信小程序重定义button样式--open-type=concat -> 正文阅读

[移动开发]微信小程序重定义button样式--open-type=concat

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;

  }