微信小程式怎麼設定頁面漸變-小程式開發-PHP中文網

首頁

微信小程式

小程式開發

微信小程式怎麼設定頁面漸變

angryTom

Mar 23, 2020 pm 05:23 PM

小程式微信

微信小程式怎麼設定頁面漸變

微信小程式怎麼設定頁面漸層

#微信小程式設定頁面背景顏色漸層可以使用css的-webkit-linear-gradient( )來實現。

1、WXSS的程式碼：

.container{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(top,white,lightblue,rgb(83, 201, 248));
  color: rgb(241, 161, 155);
  font-size: 18px;
}
.container text{
  display: block;
  margin: 40rpx;
}

登入後複製

top: 表示上下漸變，我們還可以設定為左右漸變（值為left )

white: 是第一個顏色名稱

lightblue ：第二個顏色名稱

rgb(83, 201, 248) : 第三個顏色名稱（我們也可以設定兩種顏色）

微信小程式怎麼設定頁面漸變

2、同樣可以實現按鈕的漸層：

/* border-radius: 98rpx;是控制按钮边变圆 */
.goodbutton {
  margin-top: 30px;
  width: 70%;
  background: -webkit-linear-gradient(left,pink,lightblue,skyblue);
  color: white;
  border-radius: 98rpx;
}

登入後複製

微信小程式怎麼設定頁面漸變

推薦學習：小程式開發

以上是微信小程式怎麼設定頁面漸變的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7360

Java教學

1628

CakePHP 教程

1353

Laravel 教程

1265

PHP教程

1214

Related knowledge

微信朋友圈能看到訪客嗎 May 06, 2024 pm 01:30 PM

1.微信是一款注重隱私保護的社群平台，用戶無法查看誰造訪了自己的朋友圈或個人首頁。 2、這種設計意在保護用戶隱私，避免潛在的騷擾或窺探行為。 3.用戶只能看到朋友圈的按讚和留言紀錄，進一步保障了個人資料的保密性。

傳言說'iPhone 16 可能不支援微信”，蘋果中國區技術顧問稱正與騰訊溝通應用商店抽成事宜 Sep 02, 2024 pm 10:45 PM

感謝網友情切琛思、HH_KK、石原里美幸福、華南吳彥祖的線索投遞！ 9月2日消息，近期有傳言稱“iPhone16可能不支持微信”，對此貝殼財經記者致電蘋果官方熱線，蘋果中國區技術顧問回應稱，關於iOS系統或蘋果設備能否繼續使用微信，以及微信能否繼續在蘋果應用商店上架下載的問題，需要蘋果公司與騰訊之間進行溝通和探討，才能確定之後的情況。軟體應用商店及微信問題說明軟體應用商店技術顧問指出，軟體在蘋果商店上架可能需要開發者支付費用。達到一定下載量後，後續下載需向蘋果支付相應費用。蘋果正與騰訊積極溝通，

微信刪了的聊天記錄怎麼恢復 May 06, 2024 pm 01:29 PM

1.要恢復已刪除的微信聊天記錄，需要使用兩台手機進行資料遷移。 2.在舊手機上，依序點選【我】→【設定】→【聊天】→【聊天記錄遷移與備份】。 3.選擇【遷移】並設定目標裝置平台，選擇需要恢復的聊天記錄後，點選【開始】。 4.隨後在新手機上登入同一帳號並掃描舊手機二維碼，即可啟動遷移。 5.遷移完成後，已刪除的聊天記錄將恢復到新手機。

deepseek生成圖片教程 Feb 19, 2025 pm 04:15 PM

DeepSeek：強大的AI圖像生成利器！ DeepSeek本身並非圖像生成工具，但其強大的核心技術為眾多AI繪畫工具提供了底層支持。想知道如何利用DeepSeek間接生成圖片嗎？請繼續閱讀！利用基於DeepSeek的AI工俱生成圖像：以下步驟將引導您使用這些工具：啟動AI繪畫工具：在您的電腦、手機瀏覽器或微信小程序中搜索並打開一個基於DeepSeek的AI繪畫工具（例如，搜索“簡單AI”）。選擇繪畫模式：選擇“AI繪圖”或類似功能，並根據您的需求選擇圖片類型，例如“動漫頭像”、“風景

微信零錢通安全嗎 Apr 29, 2024 am 10:23 AM

1.微信零錢通採用了多層安全機制，包括密碼保護、實名認證、手機綁定等，以確保使用者帳號的安全。 2.微信支付採用了多種加密方式，包括SSL加密傳輸、即時監控等，保障交易安全。 3.微信支付也與銀行和金融機構合作，實施風險控制和防範措施，對異常交易進行監控和處理。 4.用戶在使用微信零錢通時，也應加強個人帳戶的保護，設定複雜的密碼、定期修改密碼、不隨意洩漏個人資訊等。