#小程序基础开发
金木研-
这个作者很懒,什么都没留下…
展开
-
小程序基础开发(一):配置tab底部栏页面,page和component的区别,使用component自定义头部组件样式和底部导航
目录page和component的区别page模式一,配置app.json参数,设置头部底部样式1,设置头部2,设置底部3,新建页面page和component的区别简单地说,page是官方默认组件,component是自定义组件。当你需要开发一个有特色的,可灵活配置样式的小程序,就要用到component。开发一个小程序前先确定是否需要自定义component模板来做,相对来说,page比较...原创 2019-10-01 16:35:10 · 13988 阅读 · 3 评论 -
小程序基础开发(五):微信支付全套流程
一,申请支付商户在微信公众平台或开放平台提交微信支付申请,微信支付工作人员审核资料无误后开通相应的微信支付权限。微信支付申请审核通过后,商户在申请资料填写的邮箱中收取到由微信支付小助手发送的邮件,此邮件包含开发时需要使用的支付账户信息二,实现流程调用登陆接口先获取用户的openid生成prepay_id, 开发者服务器调用如下接口统一下单接口URL地址:https://api....原创 2019-10-02 23:10:52 · 359 阅读 · 0 评论 -
小程序基础开发(四):template模板应用(4)——倒计时组件,日时分秒
倒计时wxml<view class='tui-countdown-content font10pt' wx:for="{{countDownList}}" wx:key="countDownList"> <text class='tui-conutdown-box'>{{item.day}}</text>天 <text class='...原创 2019-10-02 22:05:38 · 242 阅读 · 0 评论 -
小程序基础开发(四):template模板应用(3)——日历组件,可赋值参数(价格、销量等)
小程序-日历组件左右翻页,上一月下一月模式的wxml<view class='bg-white'> <view class="flex text-center align-center text-xl padding-tb-sm"> <view class="flex-sub cuIcon-back" bindtap='lastMonth'>&...原创 2019-10-02 21:52:29 · 248 阅读 · 0 评论 -
小程序基础开发(四):template模板应用(2)——带裁剪功能的头像上传,封装wx.uploadFile组件
一,头像上传wxml <view class="bg-white flex justify-between align-center padding-sm"> <view class="text-black">头像</view> <image style="width:200rpx;height:200rpx;" src='{{com...原创 2019-10-02 21:38:29 · 421 阅读 · 0 评论 -
小程序基础开发(四):template模板应用(1)——带搜索历史的搜索栏
一,template模板模板WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。定义模板使用 name 属性,作为模板的名字。然后在内定义代码片段,如: {{index}}: {{msg}} Time: {{time}} 使用模板使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入,如:...原创 2019-10-02 21:27:19 · 331 阅读 · 0 评论 -
小程序基础开发(四):weui-wxss组件表单页面,WxValidate.js组件表单验证上传
一,使用weui-wxss组件做一个表单页面WeUI组件库简介这是一套基于样式库weui-wxss开发的小程序扩展组件库,同微信原生视觉体验一致的UI组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。项目背景随着小程序的普及,微信也有很多内部小程序在开发,每个小程序都需要从零到1进行开发设计,而这个过程中,有大量的UI交互是重复的,另外,微信内部已经有一...原创 2019-10-02 21:02:05 · 1365 阅读 · 0 评论 -
小程序基础开发(三):授权,获取用户信息,注册,登录,简单封装request请求
一,授权1,首先在app.js里检测用户是否授权// 查看是否授权 wx.getSetting({ success: function (res) { if (res.authSetting['scope.userInfo']) { console.log('用户已授权' + res.authSetting['scope.userInfo...原创 2019-10-02 17:24:01 · 840 阅读 · 0 评论 -
小程序基础开发(二):页面数据渲染,多重for循环列表渲染。附字母索引的联系人列表dome
一,页面数据渲染1,数据渲染分为2种,一种是直接的单个数据绑定,使用 Mustache 语法(双大括号)将变量包起来,可以作用于:wxml<view> {{ message }} </view><view id="item-{{id}}"> </view>jsPage({ data: { id: 0, message...原创 2019-10-02 11:56:26 · 945 阅读 · 0 评论 -
小程序基础开发(四):template模板应用(5)——自定义参数的三级联动下拉选择<picker>
一,自定义三级联动数组{"sheng": "598", "di": "0", "xian": "0", "name": "安徽", "level":1},{"sheng": "598", "di": "1011", "xian": "0", "name": "安庆", "level":2},{"sheng": "598", "di": "1011", "xian": "14", "name":...原创 2019-10-06 21:26:11 · 227 阅读 · 0 评论