Wepy 微信小程序项目踩坑记
摘要:今天接到一个新任务,修改一个 wepy 框架开发的微信小程序。 在代码的 REDEAD.md 文件里: npm install wepy-cli -g wepy -v 1.7.3 $ npm install @wepy/cli -g # 全局安装 WePY CLI 工具 $ wepy init st
阅读全文
posted @
2021-03-09 22:09
JoeYoung
阅读(766)
推荐(0) 编辑
微信小程序 - 自定义 picker 功能并跳转新页
摘要:今天提出了一个新的需求,要在原来的选择器中添加点击跳转功能。所以原来默认的 picker 控件用不了,只能自己定义了。 别的代码我就不贴, 只贴选择器部分相关的。确认和取消按钮我隐藏掉了,喜欢的可以打开。 wxml: <view class="free-btns" > <button class="
阅读全文
posted @
2020-07-16 15:02
JoeYoung
阅读(1726)
推荐(0) 编辑
微信小程序-点击复制功能
摘要:wxml: <view class="page"> <view class="template flex-col" wx:for="{{templateList}}" wx:key="{{templateList}}" wx:for-index='idx'> <view class="title">
阅读全文
posted @
2020-07-16 09:59
JoeYoung
阅读(5225)
推荐(0) 编辑
uniapp中自定义组件的封装及使用
摘要:在项目根目录下,创建 components 文件夹,新建文件myinput.vue。 <template name="myinput"> <view> <input class="myinput" type="text" placeholder="请输入信息" value="" /> </view>
阅读全文
posted @
2020-05-22 17:06
JoeYoung
阅读(14945)
推荐(0) 编辑
uni-app 全局变量的几种实现方式
摘要:公用模块 定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。注意这种方式只支持多个vue页面或多个nvue页面之间公用,vue和nvue之间不公用。 示例如下:在 uni-app 项目根目录下创建 common 目录,然后在 common 目录下新建 helper.js 用于定义公
阅读全文
posted @
2020-05-21 15:32
JoeYoung
阅读(5811)
推荐(1) 编辑
uniapp小实例-新闻列表及详情
摘要:首先新建详情info文件夹及info.vue文件,然后在index页写列表部分代码: <template> <view class="content"> <navigator class="newslist" :url="'../info/info?threadid=' + item.threadi
阅读全文
posted @
2020-05-20 15:47
JoeYoung
阅读(4305)
推荐(0) 编辑
uniapp 分享接口
摘要:注意:仅支持分享微信小程序到微信聊天界面,想进入朋友圈需改为分享图片方式,在图片中包含小程序码。一般通过canvas绘制图片,插件市场有很多生成图片的插件。 小程序分享: // 小程序分享 onShareAppMessage() { return { title: 'test', path: 'pa
阅读全文
posted @
2020-05-19 16:38
JoeYoung
阅读(4137)
推荐(0) 编辑
uniapp--第三方登录 小程序登录
摘要:小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。 在manifest.json文件里: 1、微信小程序配置:添加微信小程序的 appID 2、App模块权限配置:勾选上 OAuth登录鉴权 选项 3、App SDK配置:登录鉴权-微信登录-添加app
阅读全文
posted @
2020-05-19 11:03
JoeYoung
阅读(2804)
推荐(0) 编辑
uniapp详解及配置
摘要:网络模型的变化 以前网页大多是b/s,服务端代码混合在页面里; 现在是c/s,前后端分离,通过js api(类似ajax的uni.request)获取json数据,把数据绑定在界面上渲染。 文件类型变化 以前是.html文件,现在是.vue文件 文件内代码架构的变化 以前一个html大节点,里面有s
阅读全文
posted @
2020-05-15 16:22
JoeYoung
阅读(25627)
推荐(3) 编辑
uniapp快速上手
摘要:uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。 快速上手: 1. 通过 HBuilderX 可视化界面 可视化的方式比较简单,HBuilderX内置相关环境
阅读全文
posted @
2020-05-14 16:43
JoeYoung
阅读(954)
推荐(0) 编辑
微信小程序 仿‘得到app’分类列表页
摘要:今天另起一篇,贴出完整的代码,大概思路是左侧大分类列表,点击后联动右侧二级分类,及下面文章列表,点击二级分类也联动下面文章列表。 代码如下: <view class="page"> <view class="flex-row"> <!--左侧栏--> <view class="nav_left" >
阅读全文
posted @
2019-09-10 10:06
JoeYoung
阅读(4720)
推荐(0) 编辑
微信小程序 左右分类滚动列表
摘要:今天需求个类似得到app分类的功能,效果如图: 左右分别滚动,互不干扰,先把简单的布局和样式搭好。 <view class="page"> <view class="flex_row"> <view class="nav_left" > <view style="height:1500rpx;">左
阅读全文
posted @
2019-09-09 15:07
JoeYoung
阅读(6676)
推荐(0) 编辑
微信小程序 左右分类列表
摘要:分类界面,左边是一级目录,右边是一级目录对应的二级目录,根据这个需求,我们数据设计的结构一定是数组嵌套数组,第一个数组包含一级目录数据,嵌套的数组包含的是二级目录的数据。 wxml代码: nav_left_items {{curNav == item.cate_id ? 'active' : ''}
阅读全文
posted @
2019-09-05 10:08
JoeYoung
阅读(2101)
推荐(0) 编辑
微信小程序 左右联动菜单
摘要:根据左侧列表,联动跳右侧内容。 效果如图: wxml代码: wxss: js:
阅读全文
posted @
2019-09-04 16:39
JoeYoung
阅读(4997)
推荐(1) 编辑
微信小程序 请求签名接口超时 踩坑路。。
摘要:我们公司一般做开发都是先用测试机的接口调试功能,等功能都调试的差不多了,再换成线上的正式接口,因为正式接口要验证签名。 这几个功能都调试的差不多了,准备换成线上正式接口了,结果却出了问题,提示请求超时。。。 然后百度了一些相关问题,发现有说签名算法不对的,有说服务器SSL配置问题的,等等。。。 签名
阅读全文
posted @
2019-09-03 10:24
JoeYoung
阅读(1663)
推荐(0) 编辑
小程序 动态三级联动
摘要:微信小程序中提供了原生的省市区选择器:mode = region,但是这次项目中使用的是后台的省市区数据,所以需要自定义选择器。使用到的是 mode = multiSelector 多列选择器。 选择器官方地址:https://developers.weixin.qq.com/miniprogram
阅读全文
posted @
2019-08-28 16:27
JoeYoung
阅读(1514)
推荐(0) 编辑
App唤起微信小程序和回调
摘要:在同一开放平台账号下的移动应用及小程序无需关联即可完成跳转,非同一开放平台账号下的小程序需与移动应用(APP)成功关联后才支持跳转。 可在“管理中心-移动应用-应用详情-关联小程序信息”,为通过审核的移动应用发起关联小程序操作。 唤起 App打开下程序他有两种方式: 1,通过App分享小程序卡片 到
阅读全文
posted @
2019-08-15 10:39
JoeYoung
阅读(25134)
推荐(0) 编辑
微信小程序 — 自定义picker选择器弹窗内容+textarea穿透bug
摘要:微信小程序中定义好的几种picker选择器,不管是日期选择器还是地区选择器,或是其他的都只有定死的样式和内容。 但是大多数开发程序的情况下还是需要自己写样式的,或是内容的。 例如: 代码如下: 样式: js: 遇到个BUG,就是表单中有textarea组件的时候,弹出层设置z-index,在模拟器上
阅读全文
posted @
2019-08-14 15:00
JoeYoung
阅读(2488)
推荐(0) 编辑
微信小程序的场景值scene
摘要:根据微信小程序返回给我们的场景值,我们可以根据不同的场景做出不同的处理,更加方便我们对使用场景的划分 当前支持的场景值有: 可以在 App 的 onLaunch 和 onShow 中获取上述场景值,部分场景值下还可以获取来源应用、公众号或小程序的appId 我们可以在onLaunch, onShow
阅读全文
posted @
2019-08-13 15:34
JoeYoung
阅读(4213)
推荐(0) 编辑
微信小程序textarea层级过高(盖住其他元素)
摘要:根据官方文档,textarea 是原生组件 (https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html),所谓原生组件就是 “脱离在 WebView 渲染流程外” 文档中的原话是: 原生组件的层级是最高的,所以页
阅读全文
posted @
2019-08-12 19:50
JoeYoung
阅读(1511)
推荐(0) 编辑