原创 CSS3背景顏色漸變(gradients),適用於微信小程序wxss

CSS3 漸變(gradients)可以在兩個或多個指定的顏色之間顯示平穩的過渡。 CSS3 定義了兩種類型的漸變(gradients): 線性漸變(Linear Gradients)- 向下/向上/向左/向右/對角方向 徑向漸變(Ra

原创 PHP函數file_ get_contents()使用https時報錯:SSL operation failed

場景: file_get_contents() 函數是用於將文件的內容讀入到一個字符串中,是讀取文件內容常用的函數之一。 但是有時在服務器上使用file_get_contents() 函數請求https 協議的url文件時會報錯誤,無法正

原创 微信小程序iViewUi weapp使用自定義i-class去掉九宮格Grid邊框(解決i-class覆蓋樣式無效的問題)

示例說明: 在微信小程序中iviewUi weapp的第三方組件,不允許直接修改樣式,但是可以通過i-class的方式進行自定義添加樣式。 開發需求:  如下圖所見,iviewUi weapp的Grid九宮格自帶邊框特效,而我們並不需要這

原创 微信小程序使用wx.getSystemInfo()接口獲取系統信息[systemInfo]

微信小程序獲取系統信息的API: 回調參數:Object res 屬性 類型 說明 最低版本 brand string 設備品牌 1.5.0 model string 設備型號   pixelRatio number 設備像素比   sc

原创 CSS3實現3D立體旋轉動畫特效

效果圖: 源代碼下載地址:https://download.csdn.net/download/qq15577969/11869377 html+css3代碼:  <!DOCTYPE html> <html lang="en"> <h

原创 discuz!不能上傳圖片,提示 “服務器限制無法上傳那麼大的附件” 的解決方法

1、第一步,登錄discuz!後臺,用戶 → 用戶組 → 附件相關 2、打開php環境的php.ini配置文件,修改上傳最大限制大小  (1)、找到upload_max_filesize = 2M 改成upload_max_filesi

原创 微信小程序用CSS(.wxss)設置背景顏色漸變的方法

核心代碼: -webkit-linear-gradient() /**app.wxss**/ page { background: -webkit-linear-gradient(top,rgb(244,157,4),#FACF94

原创 微信小程序讓image圖片居中顯示和鋪滿屏幕的代碼

wxml <view class='imagesize'> <image src="/images/1.png" mode="widthFix"> </image> </view> wxss 1、圖片水平居中(屏幕頂部):

原创 微信小程序提示 “Error: 代碼包大小爲 2491 kb,上限爲 2048 kb請刪除文件後重試”

遇到情況: 預覽小程序時,提示 “Error: 代碼包大小爲 2491 kb,上限爲 2048 kb請刪除文件後重試” 看了一下官方說明如下: 目前小程序分包大小有以下限制:   解決方案: 對小程序進行分包,可以優化小程序首次啓動的下

原创 微信小程序組件化開發:自定義一個modal彈出窗(Dialog對話框)

自定義組件分爲簡單的三個步驟:創建組件 → 編寫組件 → 使用組件 先給大家看一下效果圖(可以設置只顯示一個按鈕): 第一步、創建組件 1、新建my-modal文件夾,用來保存組件。在my-modal文件夾下分別創建以下4個文件: in

原创 微信小程序Image圖片實現width寬度100%,height高度自適應(解決圖片變形問題)

第一步:wxss樣式設置寬度爲100% /* pages/user/user.wxss */ .img{ width: 100%; } 第二步:<image/>標籤上,添加屬性 mode="widthFix" <!--pages/

原创 微信小程序動態修改其他頁面的標題(navigationBarTitleText)

方法一:在對應頁面的json文件裏面加入"navigationBarTitleText"屬性 { "navigationBarTitleText": "我的" } 效果如下: 方法二:點擊的時候觸發,比如點擊按鈕或菜單欄 wx.

原创 css設置字體小於12px的樣式

遇到問題: 我們都知道html默認的最小字體是:12px,但在開發需求中,有時需要設置更小的字體,例如10px。那麼應該怎麼辦呢? 解決方案: span{ font-size: 12px; white-space: no

原创 微信小程序流行UI框架大全(.wxss)

1、微信小程序UI組件庫 iView Weapp https://weapp.iviewui.com/ 掃描下方小程序二維碼,體驗組件庫示例: 介紹:iView Weapp 提供了與 iView 一致的 UI 和儘可能相同的接口名稱

原创 微信小程序(sitemap 索引情況)提示:根據 sitemap 的規則[0],當前頁面 [pages/.../...] 將被索引

遇到問題:  這個並不算是報錯,只是一個警告提示,提示開發者哪些頁面被微信收錄了(代表這個頁面可以在微信的搜索中被搜到),sitemap 的索引提示是默認開啓的,如需要關閉 sitemap 的索引提示,可在小程序項目配置文件 【proj