ZBLOG

参考上文,在hello uni-app项目中查看 --> ...

你可以按照以下方式修改样式,以纵列显示,图片在右边,文字信息在图片的左边,并将tabTitle并列显示:

<style>
    .box1 {
        display: flex;
        flex-direction: column;
    }

    .box2 {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .shang {
        margin-right: 10px;
    }

    .xia {
        flex-grow: 1;
    }

    .title {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 6px;
    }

    .source-ptime {
        font-size: 12px;
        color: #999999;
    }

    .nav {
      display:flex;
      justify-content:center;
      align-items:center;    
      background-color:#f2f2f2;      
      height:auto
}
.nav-list{
      width:33.333%;
      text-align:center     
}    
</style>

这样修改后的样式将会使得box2中的图片位于右侧,文字信息位于左侧。并且tabTitle会以并列方式水平显示。

希望这能帮助到你!


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=8306

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?