原创 CSS實現圓形裏顯示數字

效果圖如下: .typeItem .orderNum { background-color: var(--mainColor); display: inline-block; font-size: 20rpx;

原创 js實現手機號碼脫敏

方法一: 要求保留前三位和最後四位,中間對用*處理。如18912341234脫敏處理之後應該變成189****1234。處理方法如下: var str="18912341234" var pat=/(\d{3})\d*(\d{4})/

原创 微信小程序展示當前用戶頭像

<open-data type="userAvatarUrl" default-avatar="'/images/my/defalut.png'"></open-data> 效果圖如下:  

原创 微信小程序聯繫客服對接網易七魚

第一步:註冊網易七魚賬號(自己可以隨便註冊個玩玩,新賬號有7天的免費試用期)。 第二步:綁定微信小程序  點擊綁定微信小程序,選擇一鍵授權綁定(小程序管理員掃一掃二維碼),就是這麼簡單,別懷疑,就是這樣,只要管理員掃一掃一健綁定就行。

原创 微信小程序利用scroll-view封裝下拉刷新上劃加載分頁組件

在components文件夾中新建組件,文件結構如下圖: commonScrollY.wxml代碼如下: <!-- components/scrollY/scrollY.wxml --> <wxs module="commonScro

原创 微信小程序wxParse中的圖片有空隙

在wxParse.wxss中加入以下代碼(白色邊框也不會有): /* 解決圖片之間間隙 */ .wxParse-img{ display: inline-flex; border: none; outline: none;

原创 微信小程序支付

wx.login({ success: res => { // res中會包括code // 發送 res.code 到後臺換取 openId, sessionKey wx.request({

原创 微信小程序wx.login

官網介紹:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html wx.login({ success (res) { //

原创 微信小程序顯示空格符

<view>中間有空格<text decode="{{true}}" space="{{true}}">&nbsp;&nbsp;&nbsp;&nbsp;</text></view>   點贊 收藏 分享

原创 縮放頁面

@media screen and (max-width: 1366px) { .page-tt-wrapper { zoom: 0.85; } } 注意:使用了zoom之後,element中的彈出框可能會定位不準,這時

原创 時間轉換:toLocaleDateString()有毒,不同瀏覽器返回的格式不一樣

坑啊! new Date(new Date().setDate(new Date().getDate() + i)).toLocaleDateString() 解決辦法:不用用它,太坑了! 如果想獲取yyyyMMdd格式的字符串:

原创 微信小程序設置某個頁面的背景色

"backgroundColor": "#F2F2F2" 在.json文件中添加以上代碼並不能設置某個頁面的背景色,因爲:backgroundColor 是 窗口背景色,就是你下拉的時候看到的窗口顏色,不是頁面背景色。 修改頁面背景色,

原创 iphone手機的坑

第一點:點擊搜索框頁面會自動放大 原來的代碼: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 後來修改成: <meta name="vie

原创 echarts餅圖

控制餅圖繪製的順序: clockWise:false 下圖(圖左是clockWise:false,圖右是clockWise:true(不設置時默認是true)) 下面推薦一echarts相關參數介紹鏈接,個人感覺很全面! https:

原创 vue項目添加vconsole

npm install vconsole 在util文件夾下創建vconsole.js import Vconsole from 'vconsole' const vConsole = new Vconsole() export d