正常情況下，乙個元件設定了後，如果不通過 js 或者 css 動畫，那麼是很難實現移動的。如果我們有 些元件設定完成後想要能夠移動。那麼我們就可以借助 movable-view 元件來實現。元件必須放在movable-area元件裡。
這個元件目前專案上比較少見。
例子：
/**me.wxss**/
.outer
.inner
direction
movable-view的移動方向，屬性值有 all、vertical、horizontal、none
out-of-bounds
超過可移動區域後，movable-view是 否還可以移動。就是說實現乙個滑塊能向外出去一點，鬆開就彈回去
inertia
movable-view是否帶有慣性
x定義x軸方向的偏移，如果x的值不在可移動範圍內，會自動移動到可移動範圍；改變x的值會觸發動畫
y定義y軸方向的偏移，如果y的值不在可移動範圍內，會自動移動到可移動範圍；改變y的值會觸發動畫
damping
阻尼係數，用於控制x或y改變時的動畫和過界回彈的動畫，值越大移動越快。預設值20
friction
摩擦係數，用於控制慣性滑動的動畫， 值越大摩擦力越大，滑動越快停止；必須大於0，否則會被設定成預設值。可以控制甩動慣性的效果。
scale
是否支援雙指縮放，預設縮放手勢生效 區域是在movable-view內
scale-min
定義縮放倍數最小值
scale-max
定義縮放倍數最大值
scale-value
定義縮放倍數，取值範圍為0.5 - 10
htouchmove
初次手指移動發現為水平移動時觸發
vtouchmove
初次手指移動發現為垂直移動時觸發
微信小程式筆記
目錄結構 1.列表渲染 陣列物件都可以 預設陣列的當前項的下標變數名預設為index，陣列當前項的變數名預設為item wx for index index wx for item item 如果是單層渲染，沒有巢狀的話 可以直接省略這個繫結 for page 物件迴圈 2.條件渲染 初始消耗小 切...
微信小程式學習筆記
1 background image 只能用網 絡url 或者base64 本地圖 片要用image 標籤才行 2 事件綁 定value 是乙個字串，需要在對應的 page 中定義 同名的函式。不然當觸 發事件的時候會 報錯。3 bind事件綁 定不會阻止冒泡事件向上冒泡，catch事件綁 定可以阻...
微信小程式學習筆記
主要用於 編寫和效果預覽，還可以進行 真機除錯 2 雲開發控制台 wxml 對應html，提供很多常用的元件。wxss 對應css，基本沒差別，目前體會最深的是尺寸單位rpx替代畫素單位px，能很方便的適配各種解析度的手機。js 同js。json 同json。pages 乙個頁面對應乙個資料夾，乙個...