qq_28348557-CSDN博客

原创记录mpvue+vant-weapp的使用（终篇）：mpvue+vant_weapp 最终做出来的小程序--拾花趣

整个程序基本上是mpvue+vant-weapp和部分原生api做成，有些东西确实也是原生api才能实现，不过vant-weap里面的组件已经可以满足大多数要求了。

2020-07-30 22:26:52 307

原创记录mpvue+vant-weapp的使用（八）：mpvue小程序代码提交到微信公众平台

小程序打开运行的代码：所以只要开发工具里面可以正常运行的，就可以直接点击上传。提交的时候会出现vendor.js超过500kb的情况：找到在开始的时候引入以下插件var UglifyJsPlugin = require('uglifyjs-webpack-plugin')然后在plugins里面放入下面的代码即可new UglifyJsPlugin({ sourceMap: true }), // 加入这个就能解决值得注意的是，要把dist里面的wx删除，重新运

2020-07-21 20:42:07 218

原创记录mpvue+vant-weapp的使用（七）：mpvue下面怎么做小程序怎么伪实现返回上一页刷新

mpvue里面像原生一样拿到上一页的内容然后setData其实不大现实，所以这里我采用一种取巧的方式，其实小程序里面估计很多人也会这么干——就是利用小程序的onShow场景：通知消息，查看之后将未读数归零。比如这里如果有消息的话是有个红点的，我们要在当前页面刷新数据，所以在此放个onShow定一个is_tongzhi的参数，默认值为0打开个人中心的时候，默认会获取一遍getUnread。点击进入通知列表将is_tongzhi设为1，标记一下。然后返回的时候，onS

2020-07-21 20:33:01 364

原创记录mpvue+vant-weapp的使用（六）：mpvue下面怎么做小程序登录和获取van-field的值

目前小程序登录是需要主动点击按钮触发的，vant-weapp有两种弹窗可以使用，Popup 弹出层和Dialog 弹出框。我感觉Popup 弹出层容易修改一点，所以我这里用的是这个。给默认头像那里给个点击事件，控制弹窗的隐藏显示。<van-popup :show="show" @close="onClose"> <div class="padding-20 is-login"> <p class="padding-10" style="

2020-06-30 12:22:17 1787

原创记录mpvue+vant-weapp的使用（五）：使用自定义组件和跳转传参

mpvue里面的组件使用基本上和vue的差不多，只是有部分不支持至于跳转方式，我这里用的是小程序的跳转方式比如：传参方式也是小程序的传参方式wx.navigateTo({ url: "/pages/person_xiaoxi/main?params=1",})接受参数的话，可以使用小程序的onLoad里面接受option，也可以使用this.$root.$mp.query.params的方式...

2020-06-27 14:37:50 670

原创记录mpvue+vant-weapp的使用（四）：引入最新版本的vant-weap的问题

之前用的是0.5版本的，这个版本确实是比较稳定，不过有一些组件没有，用的不是很习惯，比如image图片这个组件是没有的，然后看到官网是有这个组件，所以想尝试一下引入最新版本的组件。官网的引入方式，这里我选择的是npm：npm i @vant/weapp -S --production然后将node_modules里面的vant/weapp里面的dis和lib复制一份，放到根目录的static里面。然后重新运行。。。。。问题出来了。居然是找不到index.wxs 这个文件。。...

2020-06-18 15:24:11 458

原创记录mpvue+vant-weapp的使用（三）：组件样式覆盖问题

官方有介绍：https://youzan.github.io/vant-weapp/#/custom-style我这里使用的外部样式<van-button custom-class="my-buttom" type="primary">主要按钮</van-button>.my-buttom{ background-color: #fff !important; }刚开始不生效，找了很久发现是代码的问题这里加了scoped之后，作用是

2020-06-16 16:55:10 1374 2

原创记录mpvue+vant-weapp的使用（二）：使用vant-weapp的组件，button和tabs

使用vant-weapp，需要配置app.json"usingComponents": { "van-button": "static/vant-weapp/dist/button/index", "van-tab": "static/vant-weapp/dist/tab/index", "van-tabs": "static/vant-weapp/dist/tabs/index" },以按钮为例：<van-button type="primary"&gt

2020-06-16 14:06:36 656

原创记录mpvue+vant-weapp的使用（一）：安装配置使用，引入vant-weapp

之前用vue用的比较习惯，比较喜欢里面的组件式开发，能少写一些复用的代码，于是尝试一下美团的mpvue来开发小程序。官网：http://mpvue.com/mpvue/quickstart.html部署教程官网里面的就可以了。然后，mpvue只是提供了代码编辑的框架而已，里面的组件之类需要第三方的组件库，我看到基本上用的vant的比较多，于是也打算尝试一下。vant官网：https://youzan.github.io/vant/#/zh-CN/quickstart"mpvue": "^

2020-06-16 12:01:53 958

原创记录docker的在win10下面安装使用

这里是我使用的是laradock的php环境镜像，laradock很强大，也很完善，包含我所必须的php+mysql+nginx+apache+redis+memcache+elasticsearch,其他的模块也可以看官方文档手动加载一波：http://laradock.io/documentation/1、docker的安装，win10的安装和win7、8的不同，win7、8的我是去下载了...

2019-07-03 12:00:10 190

qq_28348557的博客