原创 學習筆記 （5） uni-app 中的導航跳轉
uni中的導航跳轉 利用navigator進行跳轉 跳轉到普通頁面 <navigator url="/pages/about/about" hover-class="navigator-hover"> <button type
2020-04-26 21:24:29
原创 學習筆記 （3） uni 的生命週期
uni的生命週期 應用的生命週期 生命週期的概念：一個對象從創建、運行、銷燬的整個過程被成爲生命週期。 生命週期函數：在生命週期中每個階段會伴隨着每一個函數的觸發，這些函數被稱爲生命週期函數 uni-app 支持如下應用生命週期函
2020-04-26 21:24:29
原创 學習筆記 （2） uni-app中的數據綁定 和 事件綁定
uni-app中的數據綁定 在頁面中需要定義數據，和我們之前的vue 一樣，直接在data中定義數據即可。 export default { data () { return { msg:'hello-uni'
2020-04-26 21:24:29
原创 學習筆記 （6） uni-app中組件的創建
uni-app中組件的創建 在uni-app中，可以通過創建一個後綴名爲vue的文件，即創建一個組件成功，其他組件可以將該組件通過impot的方式導入，在通過components進行註冊即可 創建login組件，在compon
2020-04-26 21:24:29
原创 學習筆記 （4） uni-app 下拉刷新
下拉刷新 開啓下拉刷新 在uni-app中有兩種方式開啓下拉刷新 需要在 pages.json 裏，找到的當前頁面的pages節點，並在 style 選項中開啓 enablePullDownRefresh 通過調用uni.sta
2020-04-26 21:24:29
原创 學習筆記 （7）父子組件之間傳值
組件的通訊 父組件給子組件傳值 子組件通過props來接受外界傳遞到組件內部的值 props: ['msg'] <template> <view> 這是一個自定義組件 {{msg}} </view> </template>
2020-04-26 21:24:29
原创 學習筆記（6）下拉及多級彈出菜單
內容和知識點： 帶下拉子菜單的導航菜單 絕對定位和浮動的區別和運用 css自適應寬度滑動門菜單 一、帶下拉子菜單的導航菜單 縱向導航教程中已使用過二級導航，今天製作下橫向導航菜單的二級菜單，方法和縱向一樣，只不過由縱向改變爲橫
2020-04-24 19:04:02
1
原创 html + css 佈局技巧總結 ——單列布局（3）
單列布局 1.水平居中 水平居中的頁面佈局中最爲常見的一種佈局形式，多出現於標題，以及內容區域的組織形式，下面介紹四種實現水平居中的方法（注：下面各個實例中實現的是child元素的對齊操作，child元素的父容器是parent元素
2020-04-24 19:04:02
原创 html + css 佈局技巧總結 ——多列布局（5）
1.兩側定寬，中欄自適應 2. 一列不定寬，一列自適應 3. 多列等分佈局 4. 九宮格佈局 實現方式： 使用float+margin實現 使用flex實現 使用table實現 使用float+margin實現 .parent
2020-04-24 19:04:02
原创 學習筆記（1）uni-app 介紹項目目錄和文件作用
pages.json 文件用來對 uni-app 進行全局配置，決定頁面文件的路徑、窗口樣式、原生的導航欄、底部的原生tabbar 等 manifest.json 文件是應用的配置文件，用於指定應用的名稱、圖標、權限等。 App.
2020-04-24 19:04:02
原创 學習筆記（1）：Html + Div 基礎知識
本章介紹 1.文檔類型 2.語言編碼 3.html標籤 4.css樣式 5.css優先級 6.css盒模型組成 1）文檔類型 當我們新建一下html格式文檔時，會發現代碼最上部有如下這句話： <!DOCTYPE html PUBL
2020-04-24 19:04:02
2
原创 學習筆記（7） CSS表單設計
知識點 改變文本框和文本域樣式 用圖片美化按鈕 用label標籤提升用戶體驗 一、改變文本框和文本域樣式 改變邊框精細，顏色，添加背景色、背景圖像等。 .text1 { border: 1px solid #f60
2020-04-24 19:04:02
2
原创 學習筆記（2）縱向導航菜單及二級彈出菜單
縱向列表 標籤的默認樣式 css派生選擇器 css選擇器的分組 縱向二級列表 相對定位和絕對定位 1.縱向列表 先新建一個頁面，div 、ul、li。 <div id="menu"> <ul> <li>首頁</l
2020-04-24 19:04:02
原创 學習筆記（4）html列表
知識點： ul無序和ol有序列表 改變項目符號樣式或用圖片定義項目符號 橫向圖文列表 浮動後父容器高度自適應 IE6的雙倍邊距bug 一、ul無序和ol有序列表 無序列表，是以ul包含li的形式，默認每行前的符號是圓點，可以通
2020-04-24 19:04:02
原创 html + css 佈局技巧總結 ——全屏佈局（6）
1.利用絕對定位實現。 <!DOCTYPE html> <html> <style> html, body, .parent { height: 100%; overflow: hidden; b
2020-04-24 19:04:02
1