一,代码:
居中:<view style="position: fixed;bottom:0;width:750rpx;height: 60rpx; display: flex;flex-direction: row;justify-content:center;"> <span>{{appName}} version:{{appVersion}}</span> </view>居左:
<view style="position: fixed;bottom:0;width:750rpx;height: 60rpx; display: flex;flex-direction: row;justify-content:flex-start;"> <span>{{appName}} version:{{appVersion}}</span> </view>居右:
<view style="position: fixed;bottom:0;width:750rpx;height: 60rpx; display: flex;flex-direction: row;justify-content:flex-end;"> <span>{{appName}} version:{{appVersion}}</span> </view>
说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest
对应的源码可以访问这里获取: https://github.com/liuhongdi/
或: https://gitee.com/liuhongdi
说明:作者:刘宏缔 邮箱: [email protected]
二,测试效果
居中![](/i/l/?n=23&i=blog/1938691/202304/1938691-20230406181519858-898810788.png)
![](/i/l/?n=23&i=blog/1938691/202304/1938691-20230406181519894-242592826.png)
![](/i/l/?n=23&i=blog/1938691/202304/1938691-20230406181519900-876034547.png)
三,查看hbuilderx的版本:
![](/i/l/?n=23&i=blog/1938691/202302/1938691-20230224142225914-1929024108.png)