uni-app:nvue:居左/居右/居中对齐(hbuilderx 3.7.3)

发布时间 2023-04-06 18:24:37作者: 刘宏缔的架构森林

一,代码:

居中:
       <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

说明:作者:刘宏缔 邮箱: 371125307@qq.com

二,测试效果

居中
居左:
居右:
 

三,查看hbuilderx的版本: