[微信小程序知識點]自定義組件-拓展-外部樣式類

使用組件時,組件使用者可以給組件傳入css類名,通過傳入的類名修改組件的樣式 。

如果需要使用外部樣式類修改組件的樣式,在Component中需要用extemalClassess定義若干個外部樣式類。

具體用法如下:?

?(1)在Components文件里創建custom06組件

(2)在app.json的“usinfComponents”配置項里面注冊custom06組件

?

(3)在custom06.js里添加extemalClassess定義外部樣式類。

?

?(4)在custom06.wxml使用該樣式類

(5)在頁面cart.wxml里面通過樣式類綁定類名

?(7)在cart.scss里面通過類名設置樣式

(8)展示樣式如下

?

(9)注意事項:

?注意事項:在同一個節點上,如果存在外部樣式類和普通樣式類,如下:

?兩個類的優先級是未定義的

?

?

建議:在使用外部樣式類時,樣式需要通過!important添加權重?

?

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/43736.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/43736.shtml
英文地址,請注明出處:http://en.pswp.cn/web/43736.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

EtherCAT ESI文件CRC32計算規則和方法

EtherCAT ESI文件CRC32計算規則和方法 EtherCAT ESI文件的CRC32計算遵循特定的規則,以確保設備描述的完整性。以下是詳細的規則和計算步驟,以及C#實現示例: 計算規則 使用標準的CRC32多項式:0x04C11DB7初始值:0xFFF…

Python實現文件訪問和加密GUI應用程序

Python實現文件訪問和加密 簡單的文本文件加密和解密的GUI應用程序,實現了一個簡單的凱撒密碼加密和解密算法 運行效果 1.實現UI界面 [外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-yG28ajb1-1720676735133)(https://i-blog.csdnimg.…

免費SSL證書申請指南

申請免費SSL證書的步驟相對直接,以下是基于當前可用信息的簡明指南,特別是針對一些熱門的免費SSL證書提供商,下面以JoySSL證書商為例: 1、注冊賬號 打開JoySSL官網,注冊并填寫邀請碼230920,獲取免費證書與…

RK系列UST-OTG切換為HOST模式或DEVICE模式的兩種方法(DTS修改和軟件命令修改)

1、修改DTS dr_mode: tells Dual-Role USB controllers that we want to work on a particular mode. Valid arguments are “host”, “peripheral” and “otg”. In case this attribute isn’t passed via DT, USB DRD controllers should default to OTG. usb20_otg: usb…

淺談三車平臺車型對比功能實用獎-競品分析

目錄: 一、項目背景 二、競品概述 三、競品目標功能對比 3.1、車型對比入口位置 3.2、車型對比首頁 3.3、添加/刪除車型功能 3.4、選擇車型后功能對比 3.5、配置對比的功能 四、總結 一、項目背景 在汽車購買過程中,消費者經常面臨著選擇困難&…

六、數據可視化—Echars(爬蟲及數據可視化)

六、數據可視化—Echars(爬蟲及數據可視化) Echarts應用 Echarts Echarts官網,很多圖表等都是我們可以 https://echarts.apache.org/zh/index.html 是百度自己做的圖表,后來用的人越來越多,捐給了orange組織&#xf…

【好生意】暢捷通好生意各版本之間的區別

【暢捷通好生意各版本區別】 隨著產品線的增加,不同版本之間存在差異。 以下是針對自己使用、研究過程中的記錄。 完善ing 功能普及版標準版采購運費分攤沒有單獨的采購費用分攤單,但是支持隨單分攤。支持

企業如何挑選策劃公司,這些標準你了解嗎?

誠然,在這個競爭激烈的市場環境下,企業有時候就像是站在十字路口的旅人,面前擺著的是一條條花錢卻未必能看見收益的道路。 這時候,找一家對的策劃公司就很重要,這里分享一點個人多年經驗,希望對你有所幫助…

【精簡教程】VSCode 連接 Remix

初始化 Node.js 項目 yarn init v1.22.19安裝 Remix yarn add remix-project/remixd -g?? 此時如果直接敲 remix,顯示找不到這個命令。 使用 Node.js 來直接執行 remixd.js 文件 node node_modules\remix-project\remixd\src\bin\remixd.js😄 連接上了…

安全極客團隊榮獲首屆“矩陣杯”網絡安全大賽人工智能挑戰賽“三等獎”

近日,東半球規格高、規模大且獎金豐厚的網絡安全頂級賽事——首屆“矩陣杯”網絡安全大賽在青島國際會議中心圓滿落幕。本次大賽設置了五大賽事,包括通用產品漏挖賽、國產軟硬件安全檢測賽、原創漏洞挖掘賽、人工智能(大模型)挑戰…

【Linux】Windows平臺使用gdb調試FFmpeg源碼

FFmpeg是一個跨平臺的多媒體庫,有時需要在別的平臺上進行開發和調試,記錄一下在linux環境下使用gdb來調試FFmpeg源碼的基本方式 1.可執行文件 在windows平臺使用linux環境來調試FFmpeg源碼,需要編譯生成一個后綴有_g的exe文件,參…

HTTP中常見的狀態碼有哪些?

常用的包括以下幾個: 200:表示客戶端請求成功 201:請求成功,服務器創建了新資源。 204:無內容,服務器成功處理請求,但未返回任何內容。 206: 表示“部分內容”,當客戶端請求一個資源的一部分時,…

YOLOv10部署教程,使用tensorRT部署,有轉化和推理代碼

YOLOv10部署教程,使用tensorRT部署,有轉化和推理代碼 一、使用平臺1. 轉化onnx模型轉化trt模型模型推理全部的代碼論文題目:YOLOv10: Real-Time End-to-End Object Detection 研究單位:清華大學 論文鏈接:http://arxiv.org/abs/2405.14458 代碼鏈接:https://github.com/T…

每天一個數據分析題(四百二十三)- 置信區間

在給定的顯著性水平下,某一特定的X水平上,總體Y分布的離散度越大,即σ^2越大,則 A. 預測區間越寬,精度越低 B. 預測區間越寬,預測誤差越小 C. 預測區間越窄,精度越高 D. 預測區間越窄&#…

如何在idea安裝git,使用gitee?

一、什么是git,git與gitee、GitHub的關系? 1.什么是git? Git 是一個開源的分布式版本控制系統,用于企業項目中程序員協同開發。 2.git與gitee、GitHub的關系是什么? git :Git是一種版本控制系統&#x…

看完這篇,你的服務設計能力將再次進化!

引言 在當今快速演變的技術場景中,服務設計不僅僅是遵循通用的設計規范和最佳實踐的問題,它更深層次地觸及到如何在滿足這些標準的同時,確保服務能夠靈活適應未來的變化、滿足用戶的期望。本篇文章旨在探討在遵循通用設計規范之外&#xff0…

Three.js相機簡明教程

相機校準是 3D 計算機圖形學中的一個基本概念,涉及設置虛擬相機以模擬真實世界相機的視角和行為。在 Three.js(一種流行的 3D 渲染 JavaScript 庫)中,了解相機校準對于創建逼真且身臨其境的 3D 場景至關重要。在本文中&#xff0c…

UML類圖的建立過程

1. 概念層類圖 概念層的類圖描述的是現實世界中對問題領域的概念理解,類圖中表達的類與現實世界的問題領域中的實際事物有著明顯的對應關系,類之間的關系也與問題領域中實際事物之間的關系有著明顯的對應關系。在概念層類圖階段很少考慮或者幾乎不需要考…

07-7.5.1 散列表的基本概念

👋 Hi, I’m Beast Cheng 👀 I’m interested in photography, hiking, landscape… 🌱 I’m currently learning python, javascript, kotlin… 📫 How to reach me --> 458290771qq.com 喜歡《數據結構》部分筆記的小伙伴可以…

指令v-el的作用是什么

在Vue.js的早期版本中(特別是Vue 1.x版本),v-el 指令被用來給元素注冊引用信息(即DOM元素的引用)。這樣,開發者就可以在Vue實例的方法中直接訪問到這個DOM元素。然而,需要注意的是,從…