本次記錄乙個事件,本人為了實現下圖效果,在沒使用flex的情況用了事件寫出來,後來改用更為方便,完善的flex布局。
要求:獲取後端給到的資料後排列,要求布滿一行,不夠換行,但保證每行充足
關鍵**:
.block
.zong
下面附上上圖全部**
="citydetails"
>
'24'
class
="contribution"
>
"isloading" @refresh=
"onrefresh"
>
"false" v-model=
"loading"
:finished=
"finished" finished-text=
"沒有更多了" @load=
"onload"
>
="zong" ref=
"zong"
>
="block" v-
for=
"(item,index) in list"
:key=
"index"
>
}<
/div>
<
/div>
<
/van-list>
<
/van-pull-refresh>
<
/van-col>
<
/div>
<
/template>
export
default,,
,,,,
,,,]
, page:1,
totalpage:1,
loading:
false
, finished:
false
, isloading:
false
, inum:0,
timer:""}
;},created()
,mounted()
, methods:
,500);
},// 下拉重新整理
onload()
else},
100);}
,loadlist
(page),}
}<
/script>
div 一行顯示 div的高度
1.div的高度是由字型x建議行高確定的。而建議行高呢,是由字型設計師已經確定好了的,有些字型的建議行高可能是1.4倍,有些可能是2倍,有些甚至是3倍。所以div的高度不是由字型本身所決定的,字型x建議行高確定的。2.對齊 如果要實現某兩端對齊,在實際工作中會有很多的案例,比如 姓名和 的對齊。其實...
Div在同一行顯示
用div控制元素排版有時候還是弄不明白,不過用 的方式還是比較方便解決的,div排版留著有時間在研究,下面的方式也能解決問題的,可參考下 一般我們在做網頁的時候如果放兩個div,那在顯示的時候這兩個div是在列的方面上顯示的,也就是第二個div顯示在第乙個的下面,如果我們想要讓這兩個div在行的方向...
做一行愛一行
2013年9 月30日13 04 34 地點 公司 筆者 小菜 it界高手很多,謙虛進步自己 目前適合 android iphone 在除錯階段 內容 今天是九月的最後一天了,也沒有太多的心思的編寫 了,看看這個月的工作效率,確實不是很高。最近也在看一本書,可能很多的博友都知道這本書的 程式設計師你...