原创 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