国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ionic1文件路徑問題

PascalXie / 463人閱讀

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

ionic1文件路徑問題

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

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

文件目錄大體介紹

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

在html文件中引用其他的html

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

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

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

*


* 

以上的代碼用瀏覽器F12測試沒有任何問題，但是在真機(jī)中無效。雖然從相對路徑來說沒有任何問題，但是手機(jī)不支持

*


* 

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

貼一下html代碼
在html中直接使用圖片，文件路徑要相對于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，為了代碼整潔要寫到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，為了代碼整潔要寫到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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

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

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

    Vultr 評論0 收藏0

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

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

    liuyix 評論0 收藏0

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

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

    EscapedDog 評論0 收藏0

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

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

    CatalpaFlat 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<