在微信小程序中，有遇到要展示店铺评分，或者是订单完成后对商品进行评价，用到了星星展示，查了下，在微信中无法使用svg实现图片，微信中只能将svg图片转成base64来显示，所以是在vue中使用的svg来实现评分 1.效果图 微信中的可以点击及显示，但是，显示的话，在4.2分，4点多分的时候，显示的是半颗星vue中用的是svg实现，所以用的是占比的形式,可以有一点点的星2.微信实现店铺评分显示及商品评价星星展示 子组件index.wxml，可以...
一、 mpvue简介 mpvue:是由 美团点评团队出品的小程序开 发的一款基于 vue的框架， 从整个 Vue的核心代码上经过二次开发而形成的一个框架，相当于是给Vue本身赋能，增加了开发微信小程序的能力。 使用 mpvue开发小程序，你将在小程序技术体系的基础上获取到这样一些能力： l 彻底的组件化开发能力：提高代码 l 完整的 Vue.js 开发体验 l 方便的 Vuex 数据管理方案：方便构建复杂应用 l 快捷的 webpack 构建机制：自定义构建策略、开...
本文介绍了mpvue+vuex搭建小程序详细教程(完整步骤)，分享给大家，具体如下： 源码mpvue-vuex-demo构成 1、采用mpvue 官方脚手架搭建项目底层结构 2、采用Fly.js 作为http请求库 3、引入mpvue-router-patach，以便在mpvue小程序中能使用vue-router的写法目录结构├── src // 我们的项目的源码编写文件 │ ├── components // 组件目录 │ ├── common //静态资源 │ │ └── font // iconfont图标 │ │ └── img // 图片...
前言 iconfont阿里巴巴矢量图标库是我很喜欢的一个网站，可以下载/在线编辑/上传自己需要的矢量图标，也支持团队协作，那么在mpvue项目中如何引入呢？iconfont阿里巴巴矢量图标库 将图标加入购物车 搜索关键词可以是中文也可以是英文下载素材 点击网站右上角的购物车图标，此处我们选第三个ps:添加到项目很有用，可以在线编辑自己喜欢的图标大小样式/重命名/邀请成员等，此处我们选择加入项目并下载代码 文件解压一般网页中为了兼容...
本文介绍了微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤，分享给大家，具体如下： 微信小程序框架：mpvueui框架：mpvue-weuirequest请求：fly.js1.项目初始化 注：如果没有安装node环境的请先去网上下载node.js下来安装，安装后默认安装npm了接下到你要建项目的目录下打开cmd窗口（快捷方法：打开到目录后按住键盘shift，然后点击鼠标右键选择在此处打开powershell窗口即可）npm默认从外网下载包，可能会比较慢，可以换成国...
Fly.js 一个基于Promise的、强大的、支持多种JavaScript运行时的http请求库. 有了它，您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中都能正常运行。同时可以方便配合主流前端框架 ，最大可能的实现 Write Once Run Everywhere。 Flyio Github: https://github.com/wendux/fly 问题随着 Weex 、mpvue 的发布，他们都是支持Vue.js语法。目前vue已经你能够运行在浏览器、小程序和Native了。尽管...
mpvue 是什么1、一套定位于开发小程序的前端开发框架，核心目标是提高开发效率，增强开发体验； 2、框架提供了完整的Vue.js 开发体验，开发者编写Vue.js代码，mpvue将其解析转换为小程序并确保其正确运行； 3、框架还通过 vue-cli 工具向开发者提供 quick start 示例代码，开发者只需要执行一条简单命令，即可获得运行的项目； 小程序开发阶段面临的主要问题1、组件化机制不够完善 2、代码多端复用能力欠缺 3、小程序框架和团队技术...
背景： 前几天，公司的一个小程序项目开发的时候，遇到了一点点问题。设计师这狗币要让我在小程序上实现类似QQ左滑置顶删除的操作，心里mmp，我就是一个刚来公司三天的小小前端实习生而已，我想学习....当然刚刚来就被公司委以重任，也能看出本人技术过人，尤其是作为一个大二刚刚结束的学生来说。废话不多说，对于这个功能，第一反应就是百度，不百度不得了，一百度吓一跳。前辈们也来都做过。“那我不是直接照搬就行，开心”。开...
前言 最近博主正在用微信小程序开发一款网上商城系统。恰好赶上了美团开源的小程序开发框架mpvue。该框架继承了vue.js的特性，用起来还是蛮爽的。然后在开发中，数据仓库这块懵逼了, 引入的vuex的辅助函数mapState、mapGetters、mapMutations、mapActions等怎么就不能用呢。苦恼之际打开D盘，一番愉悦之后，终于想通啦… 问题分析 ?vuex辅助函数 首先简单说一下vuex的辅助函数mapState、mapGetters、mapMutations、mapActions，我...
写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张图： vue生命周期小程序生命周期相比之下，小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad：页面加载 一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。 onShow：页面显示 每次打开页面...
前言 最近有点闲，想起关注已久的mpvue写小程序，所以稍微肝了半个多月写了个github版的微信小程序，已上线。现在总结一下遇到的坑。 扫码体验、项目地址：https://github.com/cheesekun/wx-githubmina坑 scroll-view 高度 可滚动视图区域。 使用竖向滚动时，需要给<scroll-view/>一个固定高度，通过 WXSS 设置 height。小程序提供的scroll-view组件，想让他能滚动，就要给他提供一个固定的高度。 我们一般需求是，上一块区域固定，...
最近用mpvue开发了一个小程序，现总结一下碰见的问题及解决方案1.项目中数据请求用到了fly.io，封装成request.js如下： import wx from wx import Fly from flyio import store from ../store/indexconst fly = new Fly()fly.config.baseURL = process.env.BASE_URL fly.config.timeout = 5000//http 请求拦截器 fly.interceptors.request.use((config) => {wx.showNavigationBarLoading()//导航条加载动画//给所有请求添加自定义h...
由于微信小程序不能使用常规的图文编辑器(比如百度的UEditor )编辑新闻内容之类的，所以用vue写了个针对小程序用的图文编辑器。效果如下多图上传图片用到了 ajaxfileupload.js （不知道哪位仁兄写的，拿来用了，很好用） 最终形成一串Json数据（转成字符串，传入后台存入数据库，小程序端用JSON.parse 转成JSON ，按照后台一样的方式渲染即可【小程序端代码还没写，后面再贴出来吧】） json格式如 [{"mytype":1,"content":"测试数...
前言 mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架，按官网说可以达到小程序与H5界面使用一套代码。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序，或开发小程序后希望将其转换为 H5，mpvue 将是十分契合的一种解决方案。 Mpvue官网：http://mpvue.com/ demo地址 ：https://github.com/ccwyn/mpvuedemo/tree/master/my-project...
mpvue是一个使用Vue.js开发小程序的前端框架（美团的开源项目）。框架基于Vue.js核心，mpvue修改了Vue.js的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套Vue.js开发体验。 mpvue你可以使用你熟悉的vue框架语法，双向绑定让你不用再使用wx的this.setData了，你可以使用npm方便的引入第三方了，真的是贫穷限制了我的想象力啊。个人感觉mpvue比wepy更加简单，上手更加方便，mpuve五分钟教程快速...