uni-app:nvue:居左/居右/居中对齐(hbuilderx 3.7.3)
一,代码:
居中:
<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://blog.imgtouch.com
原文: https://blog.imgtouch.com/index.php/2023/06/05/uniapp-nvue-ju-zuo-ju-you-ju-zhong-dui-qi-hbuilderx-3-7-3/
对应的源码可以访问这里获取: https://github.com/liuhongdi/
或: https://gitee.com/liuhongdi
说明:作者:刘宏缔 邮箱: 371125307@qq.com
二,测试效果
居中
居左:
居右: