无码人妻丰满熟妇奶水区码,麻豆一区区三,亚洲日韩欧美精品综合,亚洲无码地址

第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)

前言:

uni-app 是一個使用 Vue.js?開發(fā)所有前端應用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web、以及各種小程序、快應用等多個平臺。

本文通過開發(fā)一個簡單頁面,總結(jié)了一下uni-app開發(fā)流程。

  • uni-app項目結(jié)構(gòu)

通過HBuilderX 新建項目,可以選擇不同模板,如圖:

第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)

新建項目

第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)

項目結(jié)構(gòu)

pages.json 文件用來對 uni-app 進行全局配置,設置頁面文件的路徑、窗口樣式、原生的導航欄、底部的原生tabbar 等。

manifest.json 文件是應用的配置文件,用于指定應用的名稱、圖標、權(quán)限等。HBuilderX 創(chuàng)建的工程此文件在根目錄,CLI 創(chuàng)建的工程此文件在 src 目錄。

main.js是 uni-app 的入口文件,主要作用是初始化vue實例、定義全局組件、使用需要的插件如 vuex。

uni.scss文件的用途是為了方便整體控制應用的風格。預置了一批scss變量,比如按鈕顏色、邊框風格。uni.scss是一個特殊文件,在代碼中無需 import 這個文件即可在scss代碼中使用這里的樣式變量。

App.vue是uni-app的主組件,所有頁面都是在App.vue下進行切換的,是頁面入口文件。

這個文件的作用包括:調(diào)用應用生命周期函數(shù)、配置全局樣式、配置全局的存儲globalData應用生命周期僅可在App.vue中監(jiān)聽,在頁面監(jiān)聽無效。

通過開發(fā)應用首頁,進行uni-app學習。實現(xiàn)效果:

第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)

  • 新建頁面

第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)

項目->右鍵->新建頁面,選擇相應模板,默認頁面自動注冊,也可以直接修改pages.json文件,是否顯示標題欄,標題欄樣式,是否有返回按鈕,搜索框等。

pages數(shù)組中第一項表示應用啟動頁面。uni-app官網(wǎng) (dcloud.net.cn)

https://uniapp.dcloud.net.cn/collocation/pages.html#pages

配置tabbar 設置顯示文字、圖片、字體樣式,點擊后樣式等。

第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)

  • 擴展組件引用

第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)

引用組件需要導入 – 注冊 – 使用三個步驟

  1. 從插件市場 https://ext.dcloud.net.cn/ 下載或者從uni-app demo中uni_modules 中拷貝,如宮格組件 。

拷貝到項目components文件夾

import uniGrid from '@/components/uni-grid/uni-grid.vue'

import uniGridItem from '@/components/uni-grid-item/uni-grid-item.vue'

注冊

components: {

uniGrid,

uniGridItem

}

使用

<uni-grid :column="3" :showBorder="false" :highlight="true" @change="change">

<uni-grid-item v-for="(item, index) in menus" :index="index" :key="index">

<view class="grid-item-box" style="background-color: #fff;">

<uni-icons type="image" :size="30" color="#777" />

<text class="text">{{item}}</text>

</view>

</uni-grid-item>

</uni-grid>

第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)

  • 網(wǎng)絡請求

第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)第一個uni-app應用開發(fā)(uni-app誰開發(fā)的)

這樣通過瀏覽器就可以預覽效果了。

版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權(quán),不承擔相關(guān)法律責任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請發(fā)送郵件至 舉報,一經(jīng)查實,本站將立刻刪除。

(0)
上一篇 2023年4月23日 上午9:23
下一篇 2023年4月23日 上午9:39

相關(guān)推薦

  • 關(guān)于中國共產(chǎn)黨黨費收繳、使用和管理的規(guī)定(關(guān)于中國共產(chǎn)黨黨費收繳,使用和管理的規(guī)定)

    1、【有關(guān)條款】 第十九條黨費必須用于黨的活動,主要作為黨員教育經(jīng)費的補充,其具體使用范圍包括:(1)培訓黨員;(2)訂閱或購買用于開展黨員教育的報刊、資料、音像制品和設備;(3)…

    科研百科 2024年1月12日
    130
  • 橫向課題經(jīng)費管理

    橫向課題經(jīng)費管理橫向課題經(jīng)費管理全球數(shù)據(jù)將每年的200萬名青年的身價納入個人自由活動的范疇。隨著我國大學生數(shù)量的增加,其生活費增長率超過國家平均值的百分點。也就是說,在2020年的…

    科研百科 2024年11月25日
    18
  • 招商合同管理

    招商合同管理 隨著招商活動的不斷增多,招商合同管理成為了一個日益重要的問題。招商合同管理不僅是招商活動成功的關(guān)鍵因素,也是企業(yè)保護自己權(quán)益的重要保障。本文將探討招商合同管理的相關(guān)問…

    科研百科 2024年5月24日
    46
  • 網(wǎng)頁應用商店

    網(wǎng)頁應用商店:打造數(shù)字化生活新選擇 隨著互聯(lián)網(wǎng)的快速發(fā)展,越來越多的應用程序可以通過網(wǎng)頁瀏覽器訪問和使用。其中,網(wǎng)頁應用商店成為了許多人不可或缺的工具之一。今天,讓我們來聊聊網(wǎng)頁應…

    科研百科 2024年11月16日
    3
  • 科研項目個人簡介

    科研項目個人簡介 本文介紹了我們的科研項目個人簡介,該項目旨在通過探索新的理論和方法來解決現(xiàn)實世界中的復雜問題。我們的團隊由一群富有創(chuàng)造力和熱情的科學家組成,他們都有著深厚的學術(shù)背…

    科研百科 2025年3月23日
    5
  • 知網(wǎng)最新科研項目

    隨著知識付費和學術(shù)出版的普及,越來越多的研究者開始使用知網(wǎng)等在線數(shù)據(jù)庫來收集和整理文獻。最近,知網(wǎng)推出了一系列最新的科研項目,涵蓋了許多前沿研究領域,讓我們看到了學術(shù)研究的最新進展…

    科研百科 2025年5月19日
    0
  • 時集鎮(zhèn)財政所“五項舉措”強化內(nèi)控管理(加強財政內(nèi)控)

    中國江蘇網(wǎng)12月24日訊 為加強內(nèi)控管理,規(guī)范財政行為,增強防控風險意識,今年以來,新沂市時集鎮(zhèn)財政所從風險控制點入手與工作崗位相結(jié)合,多措并舉強化內(nèi)控管理工作。 加強學習,提高理…

    科研百科 2024年1月24日
    120
  • 項目計劃管理系統(tǒng)ppt

    項目計劃管理系統(tǒng)PPT 隨著項目工作的深入,越來越多的公司和組織開始意識到項目計劃管理的重要性。一個有效的項目計劃管理系統(tǒng)可以幫助公司和組織更好地管理項目進度,資源,風險和成本,從…

  • 科委科技項目管理系統(tǒng)

    科委科技項目管理系統(tǒng) 科委科技項目管理系統(tǒng)是一款功能強大的科技項目管理工具,由北京市科學技術(shù)委員會開發(fā)和維護。該系統(tǒng)可以幫助科學家們更好地管理他們的項目,提高項目效率和質(zhì)量。 使用…

    科研百科 2025年6月12日
    0
  • 心外監(jiān)護室科研項目題目

    心外監(jiān)護室科研項目題目: 探索低流量條件下的心室輔助訓練方法 近年來,隨著心臟手術(shù)的發(fā)展,心外監(jiān)護室科研項目在心室輔助訓練方面取得了重要進展。然而,心室輔助訓練在低流量條件下仍然面…

    科研百科 2025年5月11日
    6
久久看片日本| 久久黄色片高新无码| 精品亚洲少妇久久久久久久久| 久久久裸体美女久久| 老鸭窝国产毛片| 国产 欧美 日韩 在线 极品 无 | 国产人妻一二三区高清| 日韩乱码免费av| 色一一一区| 久久丝袜脚交足尤物| 亚洲av剧情在线观看www| 男生捅女生鸡鸡免费视频| EEUSS国产一区二区三区姬美| 中国精品,女同AV| 婷婷av中文| 少妇骚穴久久| 天天干不卡在线| 日韩人妻丝袜无码| 免费观看操鸡| 黄色试看18| 日本AAAA久久久久| 色哟哟一区二区三区免费| 久久超级国产| 国产精品免费视频男女啪啪啪精油| 欧美一道久久| 亚洲 欧洲精品在线| 国产亚洲/无码精品| 天天躁夜夜躁狠狠躁不卡| 久久免费视频1国产白丝 | 韩日无码3P| 亚洲一区二区三区在线视频| 夜夜草专区| 日韩和的一区二区区日大毛B播放| 欧美日韩三级黄色一二三区| 日韩 欧美 第1页| 婷婷 丁香 深爱五月| 美女高潮观看| 玖美一级黄片一区二区| 欧美一区中文字幕日韩欧美| 综合狠狠网| 全球亚洲日韩|