成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

ionic1文件路徑問(wèn)題

PascalXie / 536人閱讀

摘要：文件路徑問(wèn)題根據(jù)項(xiàng)目的需求，需要使用來(lái)完成的開(kāi)發(fā)，我也就開(kāi)始了的學(xué)習(xí)。雖然從相對(duì)路徑來(lái)說(shuō)沒(méi)有任何問(wèn)題，但是手機(jī)不支持以上的代碼在真機(jī)和瀏覽器中運(yùn)行都沒(méi)有任何問(wèn)題。

ionic1文件路徑問(wèn)題

根據(jù)項(xiàng)目的需求，需要使用ionic來(lái)完成App的開(kāi)發(fā)，我也就開(kāi)始了ionic的學(xué)習(xí)。根據(jù)業(yè)務(wù)需求，使用的是ionic1.x，踩了很多的坑，比如ionic在使用文件的時(shí)候的路徑問(wèn)題，讓我很頭疼了一陣子，最后參考網(wǎng)上一些朋友的技術(shù)博客，解決了這個(gè)問(wèn)題，所以記一下筆記，以備以后查看或者能幫到一些朋友。

項(xiàng)目大體的文件結(jié)構(gòu)

文件目錄大體介紹

*scss文件夾下面是scss文件，在當(dāng)前項(xiàng)目下使用命令：glup scss 可以動(dòng)態(tài)修改ionic.app.min.css文件
*www/assets文件夾下面存放的是項(xiàng)目需要用到的圖片文件
*lib/ionic/css文件下面存放的是項(xiàng)目的css文件

在html文件中引用其他的html

使用ionic開(kāi)發(fā)項(xiàng)目過(guò)程中需要?jiǎng)?chuàng)建公用的html頁(yè)面，比如：我們不想使用那我們可以自己創(chuàng)建自定義的html，然后動(dòng)態(tài)加載到不同的html頁(yè)面中。

html動(dòng)態(tài)加載其他html的時(shí)候路徑需要按照index.html文件的位置作為參考，因?yàn)樵谶\(yùn)行時(shí)，其他html代碼會(huì)被動(dòng)態(tài)加載到index.html中
貼一下項(xiàng)目文件圖：

貼一下引用html的代碼 
waitForWork.html引入common.title.html頁(yè)面做為title，templates文件夾與index.html文件

*


* 

以上的代碼用瀏覽器F12測(cè)試沒(méi)有任何問(wèn)題，但是在真機(jī)中無(wú)效。雖然從相對(duì)路徑來(lái)說(shuō)沒(méi)有任何問(wèn)題，但是手機(jī)不支持

*


* 

以上的代碼在真機(jī)和瀏覽器中運(yùn)行都沒(méi)有任何問(wèn)題。以上兩種寫(xiě)法都一樣！
引用assets文件中的圖片 貼一下項(xiàng)目文件結(jié)構(gòu)

貼一下html代碼
在html中直接使用圖片，文件路徑要相對(duì)于index.html文件路徑

style="background-image: url("../assets/global/img/login/login_bg.jpg")
style="background-image: url("../../assets/global/img/login/login_bg.jpg")

以上代碼在瀏覽器中好用，在Android手機(jī)中不能使用，但是不建議直接在html中使用style，為了代碼整潔要寫(xiě)到css文件中

style="background-image: url("./assets/global/img/login/login_bg.jpg");
style="background-image: url("assets/global/img/login/login_bg.jpg")"

  以上代碼在真機(jī)和瀏覽器中都好用，但是不建議直接在html中使用style，為了代碼整潔要寫(xiě)到css文件中
在css中使用圖片

.gridCheck-upload-btn {
width: 80px;
height: 22px;
background: url(../../../assets/global/img/gridCheck/icon_upload_default.png) no-repeat;
background-size: 100% 100%
}

以上代碼在Android真機(jī)和瀏覽器中都能使用，文件路徑基于ionic.app.min.css的位置

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/89267.html

相關(guān)文章

  • ionic1使用ImagePicker插件并且顯示中文（漢化）

    摘要：在使用開(kāi)發(fā)時(shí)，打開(kāi)相冊(cè)應(yīng)該是使用比較頻繁的插件之一。解決辦法可以看我另一篇文章使用在安卓手機(jī)上閃退問(wèn)題參考文獻(xiàn)之圖片選擇插件使用插件中文顯示 在使用ionic開(kāi)發(fā)時(shí)，打開(kāi)相冊(cè)應(yīng)該是使用比較頻繁的插件之一。下面講講我在項(xiàng)目中使用（這部分官方比較詳細(xì)，就簡(jiǎn)單描述）以及解決插件顯示英文問(wèn)題 1、imagepicker安裝cordova plugin add cordova-plugin-im...

    Vultr 評(píng)論0 收藏0

  • ionic1使用ImagePicker插件并且顯示中文（漢化）

    摘要：在使用開(kāi)發(fā)時(shí)，打開(kāi)相冊(cè)應(yīng)該是使用比較頻繁的插件之一。解決辦法可以看我另一篇文章使用在安卓手機(jī)上閃退問(wèn)題參考文獻(xiàn)之圖片選擇插件使用插件中文顯示 在使用ionic開(kāi)發(fā)時(shí)，打開(kāi)相冊(cè)應(yīng)該是使用比較頻繁的插件之一。下面講講我在項(xiàng)目中使用（這部分官方比較詳細(xì)，就簡(jiǎn)單描述）以及解決插件顯示英文問(wèn)題 1、imagepicker安裝cordova plugin add cordova-plugin-im...

    liuyix 評(píng)論0 收藏0

  • ionic1使用imagepicker在安卓手機(jī)上閃退問(wèn)題

    摘要：在上一篇文章中，提到了如何在中使用插件，并且實(shí)現(xiàn)該插件顯示中文漢化問(wèn)題有興趣可以看看使用插件并且顯示中文漢化這次要解決的問(wèn)題是在一些手機(jī)上打開(kāi)相冊(cè)時(shí)，莫名閃退問(wèn)題。，沒(méi)有閃退，運(yùn)行正常。這樣就能在以上的手機(jī)使用參考相冊(cè)插件和監(jiān)聽(tīng)返回鍵 在上一篇文章中，提到了如何在ionic1中使用imagepicker插件，并且實(shí)現(xiàn)該插件顯示中文（漢化）問(wèn)題有興趣可以看看：ionic1使用ImageP...

    EscapedDog 評(píng)論0 收藏0

  • ionic1使用imagepicker在安卓手機(jī)上閃退問(wèn)題

    摘要：在上一篇文章中，提到了如何在中使用插件，并且實(shí)現(xiàn)該插件顯示中文漢化問(wèn)題有興趣可以看看使用插件并且顯示中文漢化這次要解決的問(wèn)題是在一些手機(jī)上打開(kāi)相冊(cè)時(shí)，莫名閃退問(wèn)題。，沒(méi)有閃退，運(yùn)行正常。這樣就能在以上的手機(jī)使用參考相冊(cè)插件和監(jiān)聽(tīng)返回鍵 在上一篇文章中，提到了如何在ionic1中使用imagepicker插件，并且實(shí)現(xiàn)該插件顯示中文（漢化）問(wèn)題有興趣可以看看：ionic1使用ImageP...

    CatalpaFlat 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<