原创 卡卷左右兩邊內圓角樣式

<div class="bound"></div> .bound { background-color: #3eaaf2; width: 300px; height: 100px; display:

原创 vue項目install node-sass報錯解決方案

小編也是最近遇到得一個坑,因爲換了臺電腦,從新拉下來得代碼install就報錯 npm run dev 也會報錯如下 小編也是百度好久終於知道了問題得所在,是因爲node-sass版本較低找不到node-sass裏得一個文件, 那麼解

原创 微信小程序騰訊雲實時語音轉寫

需求:語音實時轉換文字 步驟1: 首先我們要添加騰訊雲智能語音插件 步驟2: 插件文檔地址: https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx3e17776051baf153

原创 微信小程序開通流量主,流量主收入卻是個坑

最近微信小程序的流量主組件更新了,看似更加規範了,卻大大打擊了開發者的收入。 流量主位置佈置,可參考以下小程序;

原创 微信小程序星級評價

<view class='starBox'> <view class='star_item'> <view class='rui-star' wx:for="{{[1,2,3,4,5]

原创 二級分類抽屜摺疊菜單

<view class="index-bd"> <view class="kind-list"> <block wx:for-items="{{list}}" wx:key="{{item.id}}">

原创 微信小程序錄音開發

第一步, <view class='container'> <button bindtap='startRecording'>開始錄音</button> <button bindtap='pauseRecording'>暫停錄音

原创 vant上傳圖片

直接上代碼了 <van-uploader :file-list="fileList" multiple result-type="file"

原创 小程序setData直接修改對象數組得某一項

數組演示 Page({ data: { arr:['小明','小張'] }, onLoad: function () { // 首先我們演示數組 this.setData({ [`ar

原创 小程序代碼轉碼oppo快應用

前言 現在安卓手機廠商推出了自己 “快應用” 基於手機桌面類似小程序。 今天給大家講解開發過程中的坎坷經歷,首先我們是熟悉了oppo快應用文檔,類似於vue語法+小程序api的模式,跟uniapp感覺有相同之處,但是在開發過程中,感覺

原创 vue-echarts實戰開發

我們今天講解vue-echarts的開發使用方法,我們先看效果; 我們直接貼代碼,對應效果會有註釋。 <template> <div class="echarts-box"> <div id="chart_examp

原创 vue保存圖片到本地

首先呢我們要,安裝一下依賴; npm install html2canvas --save 接下來我們就直接上代碼了 <van-tab title="簽到二維碼"> <div class="QRCode-box">

原创 vue-router-link-active的作用

如圖所示:我們跳轉至對應頁面就顯示選中狀態 我們只需要定義.router-link-active的樣式即可改變選中狀態 以上就實現了我們router-link-active給選中路由組件添加選中樣式   喜歡上方小程序,需要源

原创 微信小程序訂閱消息

由於原小程序模板消息接口將於2020年1月10日下線,也就無法再使用原接口推送模板消息,開發者們需要注意及時調整接口。但是,微信服務號模板消息暫不受影響,接下來咱們好好講講訂閱消息 訂閱消息」則需要用戶主動訂閱消息通知,開發者纔可向用戶推

原创 async await 基本使用方法

直接貼代碼了,自己去打印看效果就會懂 async function async1() { console.log(1); const result = await async2();