微信小程序開發(fā)日記(三)

https://developers.weixin.qq.com/miniprogram/dev/component/

一. 視圖容器組件

1. <view> 基礎視圖組件

https://developers.weixin.qq.com/miniprogram/dev/component/view.html

2. <scroll-view> 滾動視圖組件

https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

使用豎向滾動時，需要給scroll-view一個固定高度娩鹉，通過 WXSS 設置 height典蜕。組件屬性的長度單位默認為px，2.4.0起支持傳入單位(rpx/px)疼蛾。
使用橫向滾動時,需要給scroll-view一個固定寬度肛跌，通過 WXSS 設置 width〔煊簦或者設置white-space:nowrap 同時給子元素設置 display:inline-block
scroll-into-view可設置默認滾動到的位置, 為一個子元素綁定id 傳給scroll-into-view即可
scroll-with-animation可以添加滾動動畫

3. <swiper>和<swiper-item> 輪播圖

https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

easing-function可以調整動畫效果

4. <movable-area>和<movable-view> //可滑動區(qū)域

https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html

可移動的視圖容器衍慎，在頁面中可以拖拽滑動。movable-view必須在 movable-area 組件中皮钠，并且必須是直接子節(jié)點稳捆，否則不能移動。

5. <cover-view>覆蓋視圖層

可以覆蓋在 map麦轰、video乔夯、canvas、camera款侵、live-player末荐、live-pusher組件上
里面可以放:文本\ 按鈕
可以嵌套 cover-view、cover-image

6. <cover-image> 覆蓋圖片

注意:不支持BASE64和SVG

二. 基礎組件

1. <icon> 圖標

圖標總共以下幾種:success, success_no_circle, info, warn, waiting, cancel, download, search, clear

2. 進度條

https://developers.weixin.qq.com/miniprogram/dev/component/progress.html

進度條關鍵屬性 :percent 百分比 show-info顯示百分比
active 進度條動畫 active-mode 動畫播放方式:backwards: 動畫從頭播新锈；forwards：動畫從上次結束點接著播
duration 進度增加1%所需毫秒數(shù)
bindactiveend 動畫完成事件

三. 表單組件

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者

人面猴
序言：七十年代末甲脏，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子壕鹉，更是在濱河造成了極大的恐慌剃幌，老刑警劉巖，帶你破解...
沈念sama閱讀 219,110評論 6贊 508
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件晾浴，死亡現(xiàn)場離奇詭異负乡，居然都是意外死亡，警方通過查閱死者的電腦和手機脊凰，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 93,443評論 3贊 395
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門抖棘，熙熙樓的掌柜王于貴愁眉苦臉地迎上來茂腥，“玉大人，你說我怎么就攤上這事切省∽罡冢” “怎么了？”我有些...
開封第一講書人閱讀 165,474評論 0贊 356
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵朝捆，是天一觀的道長般渡。經(jīng)常有香客問我，道長芙盘，這世上最難降的妖魔是什么驯用？我笑而不...
開封第一講書人閱讀 58,881評論 1贊 295
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮儒老，結果婚禮上蝴乔，老公的妹妹穿的比我還像新娘。我一直安慰自己驮樊，他們只是感情好薇正，可當我...
茶點故事閱讀 67,902評論 6贊 392
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著囚衔，像睡著了一般挖腰。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上练湿，一...
開封第一講書人閱讀 51,698評論 1贊 305
城市分裂傳說
那天曙聂，我揣著相機與錄音，去河邊找鬼鞠鲜。笑死宁脊，一個胖子當著我的面吹牛，可吹牛的內容都是我干的贤姆。我是一名探鬼主播榆苞，決...
沈念sama閱讀 40,418評論 3贊 419
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼霞捡！你這毒婦竟也來了坐漏？” 一聲冷哼從身側響起，我...
開封第一講書人閱讀 39,332評論 0贊 276
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤碧信，失蹤者是張志新（化名）和其女友劉穎赊琳，沒想到半個月后，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體砰碴，經(jīng)...
沈念sama閱讀 45,796評論 1贊 316
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡躏筏，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內容為張勛視角年9月15日...
茶點故事閱讀 37,968評論 3贊 337
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了呈枉。大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片趁尼。...
茶點故事閱讀 40,110評論 1贊 351
活死人
序言：一個原本活蹦亂跳的男人離奇死亡埃碱，死狀恐怖，靈堂內的尸體忽然破棺而出酥泞，到底是詐尸還是另有隱情砚殿，我是刑警寧澤，帶...
沈念sama閱讀 35,792評論 5贊 346
?日本核電站爆炸內幕
正文年R本政府宣布芝囤，位于F島的核電站似炎，受9級特大地震影響，放射性物質發(fā)生泄漏悯姊。R本人自食惡果不足惜名党，卻給世界環(huán)境...
茶點故事閱讀 41,455評論 3贊 331
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望挠轴。院中可真熱鬧，春花似錦耳幢、人聲如沸岸晦。這莊子的主人今日做“春日...
開封第一講書人閱讀 32,003評論 0贊 22
一樁弒父案睛藻，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽启上。三九已至，卻和暖如春店印，著一層夾襖步出監(jiān)牢的瞬間冈在，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 33,130評論 1贊 272
情欲美人皮
我被黑心中介騙來泰國打工按摘，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留包券，地道東北人。一個月前我還...
沈念sama閱讀 48,348評論 3贊 373
代替公主和親
正文我出身青樓炫贤，卻偏偏與公主長得像溅固，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子兰珍，可洞房花燭夜當晚...
茶點故事閱讀 45,047評論 2贊 355