前端uni-app基本样式总结

  1. 一行显示内容,显示不下的用省略号代替
    style="white-space: nowrap; overflow: hidden; text-overflow:ellipsis;"
    一行显示内容,显示不下的用省略号代替

  2. 显示弹框
    @tap="showModel(item)"

    showModel(val) {
          
          
    	uni.showModal({
          
          
    			title: '消息内容',
    			content: val.messageContent,
    			showCancel: false
    		})
    	},
    

    在这里插入图片描述

  3. justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式
    justify-content: space-between 一行上的元素会将整行空间平分;在这里插入图片描述
    justify-content: flex-start; 默认样式,正常显示
    在这里插入图片描述

  4. 段落首部空两格
    style="text-indent: 2em;"

  5. 555555555
    在这里插入代码片

  6. 66666666
    在这里插入代码片

  7. 7777777
    在这里插入代码片

  8. 8888888
    在这里插入代码片

  9. 9999999
    在这里插入代码片

猜你喜欢

转载自blog.csdn.net/weixin_45121502/article/details/105215411