国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序中(設置成背景圖的幾種方式)

這篇具有很好參考價值的文章主要介紹了微信小程序中(設置成背景圖的幾種方式)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

1、使用網(wǎng)絡圖片

<view class="page" style=" background-image: url('{{ossHost}}nmxy/assets/home/bg.png');"></view>
2、使用base64格式圖片,訪問圖片base64編碼?

將背景圖片使用編碼base64進行轉(zhuǎn)換,

網(wǎng)址如下:

base64圖片在線轉(zhuǎn)換工具 - 站長工具

<view class="page" style=" background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QB0RXhpZg***********************ooogD//Z');"></view>
3、使用標簽?
<view class="page" >
  <image src="../assets/bg.png"></image>
</view>
image {
  position: fixed;//使用粘滯定位 實際可以根據(jù)情況調(diào)整,不要拘泥于一種定位
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -999;
}

?

注意有小朋友可能要用html那一套,使用background-image不適用于微信小程序

background-image: url("../images/local_image.png");?

如果在微信小程序使用background-image:url()來設置背景圖片,結(jié)果保存控制臺出現(xiàn)錯誤提示,如圖所示:微信小程序 背景圖設置為圖片,微信小程序,小程序

提示wxss中的本地資源圖片無法通過?WXSS?獲取?

?

?


?文章來源地址http://www.zghlxwxcb.cn/news/detail-857050.html

到了這里,關(guān)于微信小程序中(設置成背景圖的幾種方式)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關(guān)文章

  • 微信小程序格式化日期的幾種方式

    微信小程序格式化日期的幾種方式

    wxml 文件 2.JS文件 在 wxml 文件 引入 wxs 文件 2.wxs 文件 wxml 文件 在 JS 文件引入 util 文件 util 文件

    2024年02月08日
    瀏覽(23)
  • 微信小程序頁面之間傳參的幾種方式

    目錄 前言 第一種:url傳值 url傳值使用詳細說明 api跳轉(zhuǎn) 組件跳轉(zhuǎn) 第二種:將值緩存在本地,再從本地取值 第三種:全局傳值(應用實例傳值) 第四種:組件傳值 第五種:使用通信通道(通信通道是wx.navitageTo()獨有的) 第六中:使用頁面棧(只對當前頁面棧中存在的頁面生效

    2024年04月13日
    瀏覽(31)
  • 小程序(二十六)微信小程序解析富文本的幾種方式

    小程序(二十六)微信小程序解析富文本的幾種方式

    微信小程序解析富文本html大概有兩種方式(我發(fā)現(xiàn)的)。 兩種方法,各有各的優(yōu)缺點。 這個標簽解析的富文本會保留你在pc端編輯的樣式,也就是說,你在pc端編輯的是什么樣子,小程序端顯示的也是什么樣子。 示例: Html Javascript: 上邊這是微信小程序官方文檔給出的示例

    2024年02月10日
    瀏覽(21)
  • 微信小程序wxss定位/選擇/查找元素的幾種方式

    wxss定位、選擇、查找元素的幾種方式與css類似,下面介紹常用的幾種: 選擇器 樣例 樣例描述 .class .intro 選擇所有擁有 class=\\\"intro\\\" 的組件

    2024年01月16日
    瀏覽(21)
  • 微信小程序--data的賦值與取值的幾種方式

    賦值一定需要注意。需要setData的使用,這樣頁面才刷新,數(shù)據(jù)才會改變,并且分清that和this的使用 Page() 函數(shù)用來注冊一個頁面。接受一個 object 參數(shù),其指定頁面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等。其中的參數(shù)data用來設置初始數(shù)據(jù),WXML 中的動態(tài)數(shù)據(jù)均來自對應

    2024年02月11日
    瀏覽(21)
  • 【微信小程序】設置頁面背景色的方式

    例如將每個頁面的默認背景色設置成灰色: app.wxss: 方式一: 在單獨的頁面中設置背景色樣式 xxx.wxss: 方式二: 單個頁面最外層包個 view class=\\\"pageContainer\\\"/ view 作為根容器,來設置樣式,給定背景色。 xxx.wxml: xxx.wxss: 注: 頁面背景色并不是指 navigationBar 的背景色

    2024年02月13日
    瀏覽(30)
  • Qt中正確的設置窗體的背景圖片的幾種方式

    Qt中正確的設置窗體的背景圖片的幾種方式

    原文鏈接:https://blog.csdn.net/yanche521/article/details/51017601 Qt中正確的設置窗體的背景圖片的方法大致有兩種,下面將逐個講解: 使用stylesheet設置窗體的背景圖片的時候,可以直接按照下圖的操作去進行即可,如下圖所示: 但是,需要注意的是: 1.在QWidget中這種方法是不行的,

    2024年02月05日
    瀏覽(26)
  • 微信小程序返回上級頁面?zhèn)鲄⒌膸追N方法

    在做微信小程序跳轉(zhuǎn)頁面,經(jīng)常會遇到二級頁面要返回上級頁面,并且需要攜帶參數(shù),wx.navigateTo()跳轉(zhuǎn)大家都知道直接在url上面拼接參數(shù),之后再二級頁面onLoad(options)里獲取,但是返回頁面wx.navigateBack()不可以那樣做,所以就可以用以下幾種方式來做,具體看個人業(yè)務適合用

    2024年02月08日
    瀏覽(33)
  • 在微信小程序部署AI模型的幾種方法

    本文只是分享思路,不提供可完整運行的項目代碼 以目標檢測類模型為例,該類模型會輸出 類別信息 , 置信度 , 包含檢測框的4個坐標信息 但不是所有的onnx模型都能在微信小程序部署,有些算子不支持,這種情況需要點特殊操作。 微信小程序提供的接口相當于使用onnxr

    2024年04月27日
    瀏覽(15)
  • 微信小程序和H5之間相互跳轉(zhuǎn)的幾種情況

    直接通過web-view內(nèi)嵌的方式,有且只有這一種方式。 H5內(nèi)嵌在小程序的web-view中,想要打開小程序自身的頁面,可通過 wx.miniProgram.navigateTo 方法,參考鏈接:web-view | 微信開放文檔 (qq.com) H5在非小程序環(huán)境中,微信瀏覽器或者手機自帶瀏覽器打開時,想要跳轉(zhuǎn)到小程序,可通過

    2024年02月11日
    瀏覽(23)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包