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

第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)

前言:

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

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

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

通過HBuilderX 新建項(xiàng)目,可以選擇不同模板,如圖:

第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)

新建項(xiàng)目

第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)

項(xiàng)目結(jié)構(gòu)

pages.json 文件用來(lái)對(duì) uni-app 進(jìn)行全局配置,設(shè)置頁(yè)面文件的路徑、窗口樣式、原生的導(dǎo)航欄、底部的原生tabbar 等。

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

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

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

App.vue是uni-app的主組件,所有頁(yè)面都是在App.vue下進(jìn)行切換的,是頁(yè)面入口文件。

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

通過開發(fā)應(yīng)用首頁(yè),進(jìn)行uni-app學(xué)習(xí)。實(shí)現(xiàn)效果:

第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)

  • 新建頁(yè)面

第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)

項(xiàng)目->右鍵->新建頁(yè)面,選擇相應(yīng)模板,默認(rèn)頁(yè)面自動(dòng)注冊(cè),也可以直接修改pages.json文件,是否顯示標(biāo)題欄,標(biāo)題欄樣式,是否有返回按鈕,搜索框等。

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

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

配置tabbar 設(shè)置顯示文字、圖片、字體樣式,點(diǎn)擊后樣式等。

第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)

  • 擴(kuò)展組件引用

第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)

引用組件需要導(dǎo)入 – 注冊(cè) – 使用三個(gè)步驟

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

拷貝到項(xiàng)目components文件夾

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

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

注冊(cè)

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>

第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)

  • 網(wǎng)絡(luò)請(qǐng)求

第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)第一個(gè)uni-app應(yīng)用開發(fā)(uni-app誰(shuí)開發(fā)的)

這樣通過瀏覽器就可以預(yù)覽效果了。

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

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

相關(guān)推薦

  • 介紹地方的科研項(xiàng)目

    介紹地方的科研項(xiàng)目 近年來(lái),地方科學(xué)家們一直在開展著許多有趣的科研項(xiàng)目,這些項(xiàng)目旨在探索自然世界的奧秘,并為當(dāng)?shù)氐慕?jīng)濟(jì)發(fā)展做出貢獻(xiàn)。今天,我將向大家介紹一些最新的科研項(xiàng)目。 其中,…

    科研百科 2025年3月19日
    1
  • oa辦公管理系統(tǒng)項(xiàng)目責(zé)任描述

    oa辦公管理系統(tǒng)項(xiàng)目責(zé)任描述 隨著現(xiàn)代辦公方式的不斷演變,企業(yè)對(duì)于辦公軟件的需求也在不斷增加。oa辦公管理系統(tǒng)是一種集成化的辦公軟件,可以幫助企業(yè)高效地管理各種辦公軟件,提高辦公效…

    科研百科 2025年6月28日
    0
  • 正在打一場(chǎng)人才“翻身仗”(打一場(chǎng)翻身仗含義)

    【人才強(qiáng)國(guó)進(jìn)行時(shí)】 東北老工業(yè)基地: 正在打一場(chǎng)人才“翻身仗” 光明日?qǐng)?bào)記者 劉勇 光明日?qǐng)?bào)通訊員 李青坡 “剛來(lái)的時(shí)候停車很方便,現(xiàn)在來(lái)晚了停車位都不好找?!?月1日早晨,遼寧省…

    科研百科 2024年8月8日
    12
  • 科研項(xiàng)目寫簡(jiǎn)歷怎么寫好

    科研項(xiàng)目寫簡(jiǎn)歷的方法 在現(xiàn)代社會(huì),擁有科研項(xiàng)目是許多求職者的優(yōu)勢(shì)之一??蒲许?xiàng)目可以展示你的學(xué)術(shù)能力和研究熱情,同時(shí)也可以證明具備一定的科研能力。因此,在寫科研項(xiàng)目的簡(jiǎn)歷時(shí),需要注意…

    科研百科 2025年4月13日
    2
  • 信息系統(tǒng)項(xiàng)目的進(jìn)度管理

    信息系統(tǒng)項(xiàng)目的進(jìn)度管理 隨著信息技術(shù)的不斷發(fā)展,信息系統(tǒng)項(xiàng)目已經(jīng)成為企業(yè)和社會(huì)生活中不可或缺的一部分。信息系統(tǒng)項(xiàng)目進(jìn)度管理是項(xiàng)目管理中非常重要的一環(huán),它關(guān)系到項(xiàng)目能否按時(shí)完成,能否…

    科研百科 2025年1月15日
    6
  • 申報(bào)科研項(xiàng)目哪家靠譜

    申報(bào)科研項(xiàng)目哪家靠譜? 申報(bào)科研項(xiàng)目是許多科學(xué)家和研究人員夢(mèng)寐以求的機(jī)會(huì),因?yàn)樗梢宰屗麄兊难芯康玫礁玫闹С?,并且可以更好地展示他們的工作。但是,如何找到一家靠譜的申報(bào)科研項(xiàng)目機(jī)…

    科研百科 2025年4月10日
    2
  • 科研項(xiàng)目完不成

    科研項(xiàng)目的完不成為問題 近年來(lái),隨著科技的飛速發(fā)展,科研項(xiàng)目的進(jìn)度不斷加快,但同時(shí)也面臨著越來(lái)越多的挑戰(zhàn)。其中一個(gè)最重要的問題就是科研項(xiàng)目的進(jìn)度無(wú)法跟上。 科研項(xiàng)目的進(jìn)度無(wú)法跟上的…

    科研百科 2025年2月15日
    4
  • 郴州市六完小:強(qiáng)黨建重常規(guī)促發(fā)展(郴州市六完小校長(zhǎng)是誰(shuí))

    科教新報(bào)·新湖南客戶端 通訊員 許海姣 雷璠 近年來(lái),郴州市六完小黨總支持續(xù)深化“六講六帶頭”活動(dòng)(講政治,帶頭堅(jiān)定信仰;講師德,帶頭關(guān)愛學(xué)生;講奉獻(xiàn),帶頭積極工作;講團(tuán)結(jié),帶頭搞…

    科研百科 2024年7月5日
    33
  • 科研項(xiàng)目特別資助

    科研項(xiàng)目特別資助 隨著科技的不斷發(fā)展,科研項(xiàng)目的重要性越來(lái)越受到人們的關(guān)注。為了支持優(yōu)秀的科研項(xiàng)目,政府和社會(huì)推出了許多特別的資助項(xiàng)目。這些項(xiàng)目旨在為優(yōu)秀的科學(xué)家和研究人員提供資金…

    科研百科 2025年2月4日
    2
  • 后端支持C#的低代碼

    低代碼平臺(tái)是一種將軟件開發(fā)從高級(jí)程序員和設(shè)計(jì)師轉(zhuǎn)移到小型團(tuán)隊(duì)和初學(xué)者的技術(shù)。隨著低代碼技術(shù)的發(fā)展,越來(lái)越多的開發(fā)人員開始使用低代碼平臺(tái)來(lái)構(gòu)建應(yīng)用程序。在本文中,我們將討論低代碼平臺(tái)…

    科研百科 2024年11月30日
    8
欧美影院二区三区视频| 国产干老熟女V88| 日韩二区porn| 国产 欧美,在线| 日韩有码 四区久久| 精品欧美一区二区三区四区五区| 黄片小说在线观看| 国产一区高潮| 久久黄色成人白虎| 粉嫩牛牛精品一区二区 | 亚洲视频 图片一区| 88AV麻豆| 精一区二区| 97超碰精品| 无码精品孕妇一区二区三区99 | 99久久精品无码一区二区麻豆 | 中文在线一区综合| 国内视频一区二区视频网站| 强奸少妇久久综合| 韩一区二区三区| 日美啪啪啪啪啪啪| av在线不卡就操| WW久久W| 亚洲欧美一区图| 久久久亚洲热妇热女| 国产在线图片一区| 玛曲县| 日韩欧美一区二区在线了| 亚洲黄片1区| 日韩一区二区三区中字 | 小黄书成人亚洲综合| 国产91在线精品综合| 少妇黄色三级片| AV不卡色爱| 日本黄电影久久久久久久久久久久 | 国产96精品人妻互换小说| av天天爽| 大香蕉久久资源| 亚洲欧美综合视频在线免费播放| 亚洲图色香蕉网| 欧美二区14p|