微信小程序---input 后面加单位

1.先上效果图:

2.废话不多说上代码：

home.wxml

<!--pages/home/home.wxml-->
<!-- <text>pages/home/home.wxml</text> -->
<view class="page">
    <input class="input" auto-focus placeholder="输入金额"/>
    <text class="word">元</text>
</view>

home.wxss

/* pages/home/home.wxss */
.page{
    display: flex;
}
.input{
    border: 8rpx solid lightslategrey;
    margin: 10rpx;
    text-align: center;
}
.word{
    margin-top: 15rpx;
}

                                        谢谢鉴赏