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

二，测试效果

居中

居左:

居右:

 

三，查看hbuilderx的版本: