solocao的专栏

女友给我打电话，我的号码是fly.js，可以进行数据请求。1、安装需要的库flyio、qsyarn add flyio qs2、src目录下新建api/index.js，填写下面代码import Fly from 'flyio/dist/npm/wx';import qs from 'qs';const fly = new Fly();const host = 'https://...

使用wux-refresher扩展实现上拉刷新，下拉加载，再配合上小程序原生的scroll-view感觉很完美了。核心代码如下： <div class="m-active-list"> <wux-refresher id="wux-refresher" @loadmore="more" @refresh="refresh"> <scrol

发布小程序体验版的时候，直接修改原来的demo版的代码。需要将后台的appID、appSecret换成最新的，就可以解决。

主要是设置mode="widthFix"和width: 100%;<!-- 新手教程 --><template> <div class="center-tutorial"> <img class="img" src="https://123.oss-cn-hangzhou.aliyuncs.com/666.jpeg"

在mpvue中，onPullDownRefresh直接能用 onPullDownRefresh() { wx.showNavigationBarLoading() console.log('pull') wx.stopPullDownRefresh()}

很多应用场景，需要小程序的客服功能，只需要按照官方配置设置好，就OK。官网文档参考地址：https://developers.weixin.qq.com/miniprogram/dev/component/button.htmlhttps://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-me...

我的需求是输入金额，当金额过大时，可以将input中的金额调小，即不允许客户随便输入。直接上代码了 <input @input="moneyControl" placeholder="请填写提现金额" />moneyControl(e) { const value = e.mp.detail.value const pos = e.mp.detail.cursor ...

在js中定义 showShareMenu 函数，页面右上角就会出现转发的按钮。官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/share.html具体想在哪个页面增加转发的按钮，就添加下面的代码mounted() { wx.showShareMenu();},这只是最简单的增加一个转发按钮，更多转发功能，后面遇到再更...

要写一个提示框，有灰度，放到正常页面最外层。发现上下滑动，里层的页面也会跟着上下动，其实只需要再设置一下page的属性就行了。<style lang="less" scoped> .verify-mask { z-index: 99999; position: fixed; top: 0px; left: 0px; height: 100%...

1、错误的写法.mask { background: black; opacity: 0.5;}2、正确的写法.mask { background: rgba(0, 0, 0, 0.5);}

原生小程序中可以在弹层上使用catchtouchmove，此事件会阻止向父元素冒泡，mpvue中使用@touchmove.stop="()=>{}"。

// vue 生命周期 beforeCreate () { console.log('vue [page-blog] beforeCreate') }, created () { console.log('vue [page-blog] created') }, beforeMount () { console.log('vue [page-blog] befor...

原来的<view class="wux-class wux-tabs__tab {{ scroll ? 'wux-tabs__tab--scroll' : '' }} {{ theme ? 'wux-tabs__tab--' + theme : '' }} {{ current ? 'wux-tabs__tab--current' : '' }} {{ disabled ? 'wux-ta...

一般右上角的圈圈就可以退出，但是有些场景，需要在页面中点击一下，进行退出。需要使用navigator实现。官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html代码如下，可以自己设置退出小程序的样式<navigator class="close" target="miniProgra...

直接贴出解决方案，需要在vue文件里面拷贝f2-canvas.js里面的代码：F2.Util.addEventListener = function (source, type, listener) { source.addListener(type, listener);};F2.Util.removeEventListener = function (source, type, li...

因为版权问题，选汽车的时候不能显示汽车自己真实的图片，下面我需要改成列表形式，下面记录一下代码1、实现效果2、源码&lt;div class="car-brand-list"&gt; &lt;div v-for="(brand,index) in brandList" :key="index"&gt; &lt;div class="brand-title"&gt

1、原来的写法和界面图如下 &lt;wux-button block type="orange"&gt;拍照确认&lt;/wux-button&gt;2、现在的写法只需要增加一个shape="round"参数，可以实现按钮边框为半圆 &lt;wux-button block type="orange" shape="round"&gt;拍照确认&lt;/wux-

之前写过一个计时函数，有计算误差，但是验证码的60秒倒计时可以忽略这一点点误差。直接上代码。&lt;template&gt; &lt;div class="captcha-row"&gt; &lt;input class="captcha-input" placeholder="输入验证码" auto-focus /&gt; &lt;div v-if="sh

上一篇，才调通了接口，试了几次，都成功，突然，微信报错了。VM6239:1 https://www.easy-mock.com 不在以下 request 合法域名列表中，请参考文档：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html解决办法，需要将请求域名填进白名单中。1、在微信开发者工具头部菜单栏，点击...

我的女友叫mpvue，为什么不选择原声的，或者wepy呢，因为我只喜欢mpvue。0、首先你得保证先安装了vue-clinpm install --g vue-cli1、脚手架构建项目，我直接在当前项目中创建，一路Y就可以创建项目了。vue init mpvue/mpvue-quickstart .创建完项目yarn一下。2、启动，将vue代码转译到dist目录下npm run ...

pages文件夹就像一个大橱柜，里面放着各种精美的衣装，你也可以理解为供小程序的页面。1、制造衣服我在pages页面下新建了3个页面market 广告市场task 任务中心my 个人中心以market为例，写最简单的代码&lt;template&gt; &lt;div class="container" @click="clickHandle('test click', $e...

女友头部的颜色和文字是可以设置的，通过配置app.json中的window参数。 &amp;amp;quot;window&amp;amp;quot;: { &amp;amp;quot;backgroundTextStyle&amp;amp;quot;: &amp;amp;quot;light&amp;amp;quot;, &amp;amp;quot;navigationBarBackgroundColor&amp;amp;q

对于各种机型屏幕尺寸的大小，小程序给出了解决方案，使用rpx。微信小程序规定屏幕的宽度为750rpx。无论是在iPhone6上面还是其他机型上面都是750rpx的屏幕宽度，拿iPhone6来讲，屏幕宽度为375px，把它分为750rpx后， 1rpx = 0.5px。...

使用mpvue 报错，无法找到wxss文件，解决方法，删除dist目录里面的内容。重重新编译，解决问题。

给女友买了很多化妆品，琳琅满目，傻傻分不清，需要有一个魔法工具，自动将化妆品分类到收纳盒对应的格子里面，这就是mpvue-entry要做的事情。1、安装mpvue-entryyarn add mpvue-entry2、在webpack.base.conf.js中进行配置// webpack.base.conf.jsconst MpvueEntry = require('mpvue-en...

在vue项目中有时候会使用到v-html，而在mpvue中，也有代替品mpvue-wxparse。1、安装mpvue-wxparse2、使用，详情可见官网 https://github.com/F-loat/mpvue-wxParse&lt;template&gt; &lt;div&gt; &lt;wxParse :content="article" @preview="prev...

我的需求是1、显示地图2、在地图上增加覆盖物3、地图距离底部边距有90rpx主要使用到原生组件map和cover-view实现效果：代码我是使用的mpvue开发。源码如下：&lt;template&gt; &lt;div class="map-clock"&gt; &lt;map id="map" longitude="113.324520" latitude="23..

在mpvue中可以使用vuex来存储数据。但是在页面跳转传参方面，我是喜欢用其他写法。小程序原生写法：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.htmlwx.navigateTo({ url: 'test?id=1'})Page({ onLoad: function(optio...

&lt;map id="map" longitude="113.324520" latitude="23.099994" scale="14" :markers="markers" :polyline="polyline" show-location&gt;&lt;/map&gt;data(){ return { polyline: [{

首先，我使用的是mpvue开发。样式使用的less，并且全局会定义一套主题。@primary-color : #ff8730;@second-color : #F48B4A;@background-color :#F3F3F3;@second-text-color :#787878;.flex-center-row { displ...

直接禁止滑动，使用：catchtouchmove参数就OK。例子： <swiper-item v-for="(item,index) in examList" :key="index" catchtouchmove="false"> content </swiper-item>但是我的需求是进行人员测评，已经测评过的swiper-item允许左右滑动...