原来的view
<view class="userText"> <view class="t1">微信昵称</view> <view class="t2">15800008888</view> </view>
更改方案
1.添加一个button
<view class="userText"> <view class="t1">微信昵称</view> <view class="t2">15800008888</view> <button class="shareButton"></button> </view>
2.对上级userText写样式
.userText{ flex: 1; padding-left: 20rpx; box-sizing: border-box; line-height: 55rpx; position: relative; }
主要是
position: relative;
3.对shareButton写样式
button{ padding: 0; } button::after{border: none;} .shareButton{ position: absolute; 100%; height: 100%; top: 0; right: 0; background: none; }
主要是
position: absolute;
效果