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

資訊專欄INFORMATION COLUMN

ionic1文件路徑問題

PascalXie / 454人閱讀

摘要:文件路徑問題根據項目的需求,需要使用來完成的開發,我也就開始了的學習。雖然從相對路徑來說沒有任何問題,但是手機不支持以上的代碼在真機和瀏覽器中運行都沒有任何問題。

ionic1文件路徑問題

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

項目大體的文件結構

文件目錄大體介紹

*scss文件夾下面是scss文件,在當前項目下使用命令:glup scss 可以動態修改ionic.app.min.css文件
*www/assets文件夾下面存放的是項目需要用到的圖片文件
*lib/ionic/css文件下面存放的是項目的css文件

在html文件中引用其他的html

使用ionic開發項目過程中需要創建公用的html頁面,比如:我們不想使用那我們可以自己創建自定義的html,然后動態加載到不同的html頁面中。

html動態加載其他html的時候路徑需要按照index.html文件的位置作為參考,因為在運行時,其他html代碼會被動態加載到index.html中
貼一下項目文件圖:

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

*


*

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

*


*

以上的代碼在真機和瀏覽器中運行都沒有任何問題。以上兩種寫法都一樣!

引用assets文件中的圖片 貼一下項目文件結構

貼一下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手機中不能使用,但是不建議直接在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")"

  以上代碼在真機和瀏覽器中都好用,但是不建議直接在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真機和瀏覽器中都能使用,文件路徑基于ionic.app.min.css的位置

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89267.html

相關文章

  • ionic1使用ImagePicker插件并且顯示中文(漢化)

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

    Vultr 評論0 收藏0
  • ionic1使用ImagePicker插件并且顯示中文(漢化)

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

    liuyix 評論0 收藏0
  • ionic1使用imagepicker在安卓手機上閃退問題

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

    EscapedDog 評論0 收藏0
  • ionic1使用imagepicker在安卓手機上閃退問題

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

    CatalpaFlat 評論0 收藏0

發表評論

0條評論

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