原创 IOS手機全屏長按識別二維碼HTML代碼

代碼段作用講解: 1. 二維碼的全屏樣式, opacity: 0; 透明樣式,  touch-callout: none; -webkit-touch-callout: none; -ms-touch-callout: none; -mo

原创 小程序雲開發實現模糊匹配,模糊搜索,小程序雲開發正則匹配數據庫

代碼說明:模糊查詢數據庫集合(birthday),模糊匹配查詢生日是否爲今天 用戶的生日日期格式爲 1994-07-06 , 當前日期格式爲 07-06 , 匹配數據庫的月和日,數據庫集合如圖: 雲函數代碼: // 雲函數入口文件 c

原创 微信小程序雲開發,使用阿里雲短信服務,搜索員工生日定期發送短信。

相關API文檔地址: 阿里雲短信服務API文檔地址 小程序雲開發雲函數正則匹配API文檔地址 小程序雲開發雲函數定時觸發器   1.登錄阿里雲,購買短信服務並添加簽名和模板 2., 登錄阿里雲,鼠標放在右上角的頭像圖標就會顯示 Acce

原创 樣式集(六)仿微信通訊錄樣式

效果圖: 這裏有引用到 自定義底部導航,自定義底部導航組件鏈接 <!--pages/chatList/chatList.wxml--> <view class="top"> <view class="pageTitle">家博慧</

原创 tabBar 自定義,小程序自定義底部導航欄

創建一個自定義組件 my_tab,組件代碼在後面,先看調用自定義組件的代碼,比如我需要在index 頁面調用,就在index.json中引用組件,index.json 代碼(引用的路徑爲你創建的自定義組件路徑) { "navigat

原创 樣式集(五)微信朋友圈樣式模擬

效果圖: 小圖標: 源碼: <!--pages/findList/findList.wxml--> <image class="xxiangji" catchtap="xxiangji" src="/images/xxiangj

原创 微信小程序雲數據庫觸底分頁加載

效果圖 小程序雲開發分頁加載代碼 <!--pages/chatList/chatList.wxml--> <view class="pageTitle">家博慧</view> <view class=" search_arr"> <

原创 小程序雲開發,判斷數據庫表的兩個字段匹配 雲開發數據庫匹配之 and 和 or 的配合使用

雲開發數據庫匹配之 and 和 or 的配合使用 代碼: // 獲取成員消息 onMsg2() { let that = this wx.cloud.init({ env: 'gezi-ofhm

原创 小程序獲取圖片的寬高

代碼: imgInfo(url){ wx.getImageInfo({ src: url, success (res) { console.log(res.width)

原创 小程序圖片加水印實現代碼,帶效果圖

效果圖: 本文有核心代碼和完整代碼,完整代碼是上傳用戶的個人信息到雲數據庫,包括表單,圖片上傳,多圖上傳到雲數據庫。 實現核心代碼 <view class="mg_bo"> <view class="text mg_

原创 雲開發導入xls 表格的數據

我有一個 a.xls 文件需要導入雲開發的數據庫,操作步驟: 1. 先把a.xls導出爲 a.csv 文件,複製 a.csv 文件 的所有內容 2. 新建一個b.csv文件,把複製的內容粘貼到b.csv裏面,用 Notepad++ 打開

原创 雲開發地圖標記導航 雲開發一次性取所有數據

地圖取 elx 表格的經緯度數據,存到雲開發數據庫裏面,然後標記在地圖上,點擊地圖的標記可以實現路線規劃,導航,撥打電話。 elx數據格式如下: 雲開發的數據庫不能直接導入elx,所以需要轉換爲csv文件,轉換地址   看圖:  

原创 小程序瀑布流實現

實現思路:把圖片分成兩排,創建兩個數組,計算總數組中圖片的寬高,對比上一個圖片和當前的圖片高度,低的就給另一個數組添加。效果圖: 上代碼: // miniprogram/pages/find/index.js const app =

原创 uni-app 音頻控制

選擇不同的音頻,銷燬上一個音頻,播放最新的音頻文件。 效果圖: 音頻組件代碼: <template> <view id="share_card" class="share_card"> <view class="top">

原创 小程序使用富文本完整代碼及示例圖

  先看示例圖: 富文本html代碼: 效果圖: 實現步驟: 1.下載 wxParse代碼放到你的小程序項目目錄裏面 https://github.com/icindy/wxParse 基本使用方法 Copy文件夾wxParse