
小程序
文章平均质量分 57
zhanjinfeng
Hello World
展开
-
uni使用vue-cli4.x搭建ts+eslint+prettier项目
一、安装(或者升级) @vue/cli原创 2021-08-05 22:10:52 · 467 阅读 · 0 评论 -
使用mpvue框架开发微信小程序教程
一、所需环境node环境,vue-cli脚手架,微信小程序开发工具(用来展示页面效果)二、安装1. nodenode官网进入官网下载,直接安装即可。安装后打开cmd,运行查看版本命令。如下图所示2. vue-cli脚手架// 全局安装vue-clinpm install vue-cli -g安装完毕后,运行查看版本,如下图所示3. 微信小程序开发工具微信小程序官网下载地址点击进入微信公众平台官网进行下载即可三、使用脚手架创建项目项目目录如...原创 2020-06-23 22:14:35 · 496 阅读 · 0 评论 -
小程序之显示全部城市列表界面
界面设计对wx小程序索引列表组件进行引用github地址:https://github.com/mehaotian/wx-list-index上图:js文件:所有的城市信息可用ajax获取,在这我从allCity.js文件中获取var city = [ { title: "热门城市", type: 'hot', item: [ ...原创 2018-07-29 14:21:49 · 4487 阅读 · 2 评论 -
小程序登录/注册页面设计
界面设计页面引用了youzan组件进行设计,包括icon,button,tag,toast以及布局github地址:https://github.com/youzan/zanui-weapp 实现的功能1.对用户输入的手机号码进行验证,利用正则表达式:var reg = /^1[3|4|5|7|8][0-9]{9}$/验证函数:用户输入错误的手机号码时将会调用...原创 2018-07-24 17:22:19 · 21849 阅读 · 5 评论 -
小程序slider实现双向滑动(价格区间选择)
本人最近在写一个关于民宿的小程序,有个需求是,用户可以选择价格区间进行房屋的搜索,首先想到的是可以用微信小程序自己的组件slider滑块来实现,但是slider只支持单向滑动,上网查询大量资料发现还没有人实现小程序支持的双向滑动,于是便自己瞎捉摸了一下。将2个slider的position设置为absolute,看起来就像是一个slider,实际上则为2个。好了不废话了,上图上代码!w...原创 2018-09-05 13:54:49 · 8779 阅读 · 14 评论 -
小程序--民宿(首页(房屋列表、房屋详情)、订单(订单列表、详情)、个人中心(登录、优惠券))
本人最近完成了一个关于线上查看、预订民宿的小程序。现进行总结。需要看源码的朋友可以移步github(if(有一点点帮到您) { 请留下您的小star。我哭了,你呢???})地址:https://github.com/zhanjinfeng/minsu1. 首页首页功能包括① 获取用户定位详细信息(地理位置授权,利用第三方地图sdk进行获取详细位置信息);②...原创 2018-11-14 11:34:16 · 17797 阅读 · 45 评论 -
微信小程序——转盘抽奖
如题,该小程序为一款利用canvas实现的转盘抽奖效果,今天我就来总结一下转盘旋转具体实现原理,首先还是上图上代码(一下代码为转盘部分代码,想要查看完整代码,请移步支我的github,飞机票,点击跳转)wxml代码(中间转盘部分代码)<view class="canvas-container" style='margin:0 auto;'> <view ...原创 2018-12-08 15:20:41 · 19805 阅读 · 2 评论