前端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
    在這裏插入代碼片

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章