微信小程式

2021-10-05 19:00:12 字數 1368 閱讀 7172

這是我的第一篇csdn部落格,其中難免有錯誤,歡迎各位同學指出修正

其中的例圖是用css做例子 旨在讓大家理解各個position值的用法

其中分別有absolute,relative,static,fixed
我們先來看下定義:

生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。(其中各個值可以設定成負值)

應該看不懂,的確很抽象。我們先寫段**試試。

//css中的**

.container

//wxml

你好

從這裡我們可以看到「你好」的左上角那個紅點點離頂部30px,離左邊60px。

這就是absolute的作用了。

這裡有個有趣的知識,如果是同時設定了top bottom或right和left,我試了一下應該是有top無視bottom,有left無視right。

生成相對定位的元素,相對於其正常位置進行定位。

//wxss

.container

//wxml

這個標題相對於其正常位置向右移動

因為這裡是距離左邊120px,所以相對的原來位置是右移了120px.

生成絕對定位的元素,相對於瀏覽器視窗進行定位。

看起來定義和absolute很類似,但大家要注意absolute裡面是以static為絕對位子進行偏移

.first

.second

一些文字

更多文字

預設值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 宣告)。

這個就是不寫樣式時候預設給的樣式了。

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...

微信小程式

你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...