
mpvue
文章平均质量分 51
尔嵘
愿你阳光下像个孩子,风雨里像个大人。
展开
-
mpvue中实现一个自定义的切换tabs组件
vue文件:nomessage是自定义的一个组件,页面中没有数据时候显示在正中间的ICON和文字,以免没有数据页面枯燥!global.css可以先屏蔽或者去掉。全局的一个css文件<template> <div class="box"> <div class="nav"> <div :class="{'selected':tab === 1,'title':true}" @click="changTab(1)"> <p :cla原创 2021-03-24 18:03:22 · 295 阅读 · 0 评论 -
mpvue小程序中评价页
❤️效果图如下,如有需要请自取修改【建议收藏】!❤️❤️页面完整代码【建议收藏】!❤️ 1.路由配置(pages.json)可以卸载subPackages,请提前下载好iview-weapp的dist,iview详情{ "path":"evaluation/index", //评价 "style": { "usingComponents": { "i-cell-group": "/static/iview/cell-group/index"...原创 2021-09-01 18:32:20 · 293 阅读 · 1 评论 -
mpvue小程序中防商品联动分类下滑列表
要在mpvue中实现如下的分类的页面:代码如下(微信原生小程序的语法已改成mpvue的,图片设计的静态资源图片,你们自己去找需要的,这个只是参考):pages/toolbar/fenlei/index.vue<template> <view class="container"> <scroll-view class='nav_left' scroll-y='true'> <block v-for="(item,index) in c原创 2021-04-01 15:15:10 · 335 阅读 · 0 评论 -
mpvue中使用iview-weapp中的i-drawer和i-icon
一、源码中的i-drawer隐藏区域的内容是位于中间的,发现无论是怎样修改样式都无法改变内容的位置,我们希望内容出现在顶部,那么需要修改iview中drawer源码中的后缀名为wxss的文件,源码修改如下:.i-drawer-left .i-drawer-container { left: 0; top: 12%; /* top: 50%; */ transform: translate3d(-100%, -50%, 0)}源码的样式优先级最高,只能改,后需要如果在需要引入组件也是这原创 2021-03-26 13:52:54 · 446 阅读 · 0 评论 -
[Vue warn]: Property or method “toJSON“ is not defined on the instance but referenced during render.
一、今天在mpvue开发过程中遇到一个错误,只有每次进入这个有图表的页面就会报错一次,如图1: 图1二、完整描述如下:[Vue warn]: Property or method "toJS...原创 2021-03-24 15:15:17 · 4911 阅读 · 0 评论 -
mpvue小程序中使用i-drawer组件
小程序具有简洁轻便,无需安装,打开即用的特点;遇到页面查询添加过多而感觉页面混乱,特使用iview-weapph中的i-drawer组件进行重构,既节省了空间又显得页面有条理。实现了如下的完整功能:1.组件配置和引用:(1).将iview-weapp的dist文件内容拷贝到static文件夹下的iview备用。文件如下:(2).进入pages.json文件中(用来配置页面的路由已经引用UI组件等),pages.json格式如下:(3).找到你需要引用组件的页面,本地引入iview-w原创 2021-03-23 10:14:44 · 450 阅读 · 0 评论 -
mpvue小程序中md5加密部分接口
由于部分连接需要加密,url中不能为了安全进行加密,前端与后台确定好排序方式就进行md5加密。经过m5d加密的字符串是唯一的,且只有知道排序的规则才知道是什么原始数据。一、建文件夹,存放md5.js /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version原创 2020-11-13 14:37:43 · 327 阅读 · 0 评论 -
mpvue在HBuliderX中编辑的时候编译报错(工具设置里的服务端口没开)
如果您的也报下面的错误:那您不妨可以在微信开发者工具(以下简称‘工具’)中打开服务端口:然后正常运行编译后的dist了:原创 2020-11-07 09:46:19 · 275 阅读 · 0 评论 -
uni-app使用mpvue-echarts报this.echarts.setCanvasCreator is not a function的错误 的解决办法
1.本项目是 ECharts 的 Mpvue 小程序版本。开发者可以通过熟悉的 ECharts 配置方式及 Vue 语法,快速开发图表,满足各种可视化需求。https://www.npmjs.com/package/mpvue-echarts2.uni-app使用mpvue-echarts报this.echarts.setCanvasCreator is not a function的错误 的解决办法https://ask.dcloud.net.cn/article/36652注意:这里面可原创 2020-06-09 14:33:54 · 4301 阅读 · 2 评论 -
mpvue中自定义多选框(实现多选的下拉列表功能)
最近使用mpvue框架在做微信小程序项目中遇到了一个问题,怎么实现多选的下垃列表,原生微信小程序中的picker是不支持多选,所有封装不了,配合mpvue框架使用的uni-app框架以及Dclod插件市场也找了个遍,发现element ui中是有的,然而小程序中竟然没有,个人感觉这种需求并不偏,很常用的功能吧,不过相信业界的大神迟早会做开源的小程序多选下拉列表框。 ...原创 2019-09-18 10:42:36 · 2193 阅读 · 0 评论 -
mpvue中如何使用微信小程序原生组件
首先,必须在static目录下新建iview文件夹,里面放原生的组件。在需要使用原生组件的页面中,在其json中配置一下,和原生小程序一样,在页面中使用,大概就这些。...原创 2019-09-12 09:38:55 · 1222 阅读 · 0 评论