随笔分类 -  小程序

小程序系列
摘要:前言 粗心造成的~ 步骤 错误详情 解决 1. 找到对应的文件 2. 查看对应的方法 3. 修改方法名的时候,请求 改`https http s`,本就无 这个函数,所以报错是一定的了. 阅读全文
posted @ 2020-03-11 19:57 。思索 阅读(1167) 评论(0) 推荐(1) 编辑
摘要:前言 其实很简单只是用了js的几个函数 1. 2. 3. 完整代码 | "mpvue模仿QQ" 代码 思路很简单,获取当前元素下标然后通过 函数将该值插入到数组第一位,再通过 函数删除该值 核心代码 效果图 阅读全文
posted @ 2019-06-04 17:11 。思索 阅读(1049) 评论(0) 推荐(1) 编辑
摘要:报错 $ cnpm run build > mpvue-qq@1.0.0 build D:\wamp\www\wxsmallsoft\mini-0212\mpvueQQ > node build/build.js wx internal/modules/cjs/loader.js:596 throw 阅读全文
posted @ 2019-04-24 14:25 。思索 阅读(1251) 评论(0) 推荐(1) 编辑
摘要:前言 原生仿QQ https://github.com/wangyang0210/Imitate-QQ-For-Mini-Program 这个是当时学习小程序时,模仿的一个demo,只不过是纯页面没啥具体的功能,现在想使用mpvue 或者 uni-app | vant-weapp 或者 coloru 阅读全文
posted @ 2019-04-24 13:58 。思索 阅读(305) 评论(0) 推荐(0) 编辑
摘要:前言 使用mpvue-echarts来写图表,那个F2再提醒自己下要踩坑不能忘记。遇到了一个问题就是数据不能动态的去渲染,这个其实官方给了我们对应的方法 懒加载 代码 修改了调用initChart()的位置 <!-- * @Author: wangyang * @LastEditors: wangy 阅读全文
posted @ 2019-04-10 14:19 。思索 阅读(2914) 评论(0) 推荐(1) 编辑
摘要:前言 有一个项目需要引入图表,当时有两种选择一种是mpvue-echarts,一种是F2,而我经过踩坑之后依然决然的选择了mpvue-echarts,简单快捷容易上手,主要之前用过比较熟悉。 问题 | 解决 引入后突然发现,打包的时候出问题了,vendor太大了!看了引入的才发现引入的echarts 阅读全文
posted @ 2019-04-10 09:41 。思索 阅读(2754) 评论(0) 推荐(0) 编辑
摘要:踩坑中~ 官方文档 https://www.yuque.com/antv/f2/intro 毕竟不像echarts接触过,所以还是先看看文档较好 github https://github.com/simaQ/f2-canvas https://github.com/antvis/wx-f2 用mp 阅读全文
posted @ 2019-04-08 19:26 。思索 阅读(1849) 评论(0) 推荐(0) 编辑
摘要:报错 解决 管理员身份运行cmd 目录权限 把所有的目录权限全给了 关机重启 修改目录权限后,以管理员身份运行cmd,再次执行npm run build 无效,重启再次执行后可以了。不知道windows是怎么了。 阅读全文
posted @ 2019-03-04 10:09 。思索 阅读(408) 评论(0) 推荐(0) 编辑
摘要:前言 官方地址 https://developers.weixin.qq.com/miniprogram/dev/component/input.html 用placeholder-class的时候没生效,就直接用placeholder-style,效果立马出来了 代码段 效果图 阅读全文
posted @ 2019-03-01 13:19 。思索 阅读(2139) 评论(0) 推荐(0) 编辑
摘要:前言 这个问题很奇葩,网上也有很多人,给了很多方法,但是我想说的是,那些方法我用了都没效果,我试了一些都没效果,因为我当时引入时报错说没有export default出来,但是一旦暴露出来就又出其他问题,还是比较蛋疼的,所以还是直接自己研究了下,因为一边学一边弄,所以就先写个大概的,如果不理解请在评 阅读全文
posted @ 2019-02-28 13:48 。思索 阅读(572) 评论(0) 推荐(0) 编辑
摘要:前言 最近在用mpvue将之前写的vue项目转化为小程序,但是不支持v-html,也不能说不支持,只不过转化为了rich-text的富文本组件,但是图片显示不全啊 本来想让后端内嵌个样式的,还是算了,前面用正则进行内嵌吧。 代码 其实就是一句话的事,页面也不用做改变。 我直接放在了created中, 阅读全文
posted @ 2019-02-28 10:12 。思索 阅读(1466) 评论(0) 推荐(0) 编辑
摘要:前言 能用,但不是最好的方法,最好的还是fly,因为为了以后多平台的考虑,最好使用fly.js,做之前先关闭校验合法域名,因为我没在后台进行配置 后台进行配置合法域名,按着官方给的配置就OK了,这里就不写了,因为只是个测试,用的都是测试的appid https://developers.weixin 阅读全文
posted @ 2019-02-26 13:54 。思索 阅读(3262) 评论(0) 推荐(0) 编辑
摘要:克隆仓库 克隆后,将dist目录下的所有文件复制到项目中的/static/vant/目录下,vant目录是我自己创建为了区分的 注意:一定要确保复制完全了,我当时复制的时候common文件夹没复制过来,就出现错误了! 引入 直接在用的页面的main.json中引用了,这里的配置是根据我的目录结构来的 阅读全文
posted @ 2019-02-22 15:57 。思索 阅读(1427) 评论(0) 推荐(0) 编辑
摘要:安装 安装less和less-loader,我用的是淘宝源,你也可以直接npm 配置 打开build目录下的webpack.base.conf.js文件并在rules中添加以下配置 引用 在src目录下的App.vue下引入,注意style要加less 阅读全文
posted @ 2019-02-22 14:47 。思索 阅读(1341) 评论(0) 推荐(0) 编辑
摘要:两个页面 两个页面的跳转,只是单纯的A->B这种跳转。 组件 直接使用小程序的组件,navigator,里面还有一些其他的参数,大家可以自行翻阅官方文档 <navigator url="./join/main" >参与场次</navigator> API 保留当前页面,跳转到应用内的某个页面。但是不 阅读全文
posted @ 2019-02-22 13:55 。思索 阅读(10065) 评论(10) 推荐(1) 编辑
摘要:前言 我们都知道在vue中可以定义多个<style>,一般为了防止全局污染,我们会使用<style scoped>代表这里面的css样式只在本页面生效。 全局 这个当时测试是直接写,没有加层级,然后样式没生效,后面就直接删除,在私有的里面进行穿透修改了!如果要测试最好加本页面的大类,不然会污染全局! 阅读全文
posted @ 2019-02-21 15:45 。思索 阅读(1556) 评论(0) 推荐(0) 编辑
摘要:前言 之前写了一些小程序的博文只是看文档边看边写,了解下他,这次可是真枪真刀的做了! 框架使用的是美团的mpvue,我也是一边学习,一边写的,如有错误之处,还望大家指出。 在这里我有个问题,为什么微信小程序不支持css里面直接导入本地图片作为背景图呢? 内联式 外部引入 如果css是内嵌的或者外部引 阅读全文
posted @ 2019-02-21 11:42 。思索 阅读(3093) 评论(0) 推荐(1) 编辑
摘要:前言 有问题可以随时提问,评论私信,只要我有时间我都会第一时间回复。当大家发现这篇文章不适用的时候烦请告知下,我好做好更改! 本地引入 下载好的字体图标放在static目录下,我是自己又创建了一个iconfont目录便于区分,我是全引入的,如果后面出现问题再更改 引入 在App.vue中引用 重新编 阅读全文
posted @ 2019-02-21 09:35 。思索 阅读(1771) 评论(0) 推荐(1) 编辑
摘要:tabBar.list[2].selectedIconPath 文件不存在 很明显是文件名错了,定义的my-acive,少写了个t,眼睛出问题了~ module "static/vant/common/component" is not defined 引入有赞组件时候报错,ES6转ES5已经打开, 阅读全文
posted @ 2019-02-20 15:18 。思索 阅读(7445) 评论(0) 推荐(0) 编辑
摘要:导航栏 作者:beatzcs 链接:https://www.jianshu.com/p/c681007a6287 这个导航虽然已经很完善了,不过还是要根据自己的来进行修改的 tabs.wxml <!-- 顶部TabList --> <view wx:if="{{tab_config.fixed}}" 阅读全文
posted @ 2019-02-12 16:15 。思索 阅读(632) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示