
小程序
阿笙@叶
无u无u
展开
-
uni-app的request封装
uni-app的网络接口请求封装request.js首先创建request文件放一个request.jsmodule.exports={ request(url,method,data){ return new Promise((resolve,reject)=>{ uni.request({ //公共路径后面url拼接 url:'http://api.intewl.cn/api'+url, method:method,原创 2021-05-18 21:50:44 · 439 阅读 · 0 评论 -
uni-app的自定义组件(heade)
首先在根目录下的components下创建heade.vue在父组件 index.vue下,通过封装的request来获取api接口数据<template> <view class="content"> //父组件自定义名传参 //三: <heade :content="headerItem"></heade> </view></template><scri原创 2021-05-18 20:42:31 · 594 阅读 · 0 评论 -
uni-app的uni-ui引入和运行
uni-ui的下载和使用1)uni-ui 是全端兼容的基于flex布局的ui库;2)可以使用 npm 的安装使用方式,也可下载相关组件直接使用;3)uni-ui不支持使用 Vue.use() 的方式安装4)uni-ui 依赖 scss,若是 HBuilderX 中创建的 uni-app项目,需要在 HBuilderX 中安装 scss 插件;如果是使用 cli 创建的 uni-app 项目,需要在项目下npm安装node-sass 和 sass-loader1,在项目目录下打开终端原创 2021-05-18 19:35:39 · 7771 阅读 · 3 评论 -
项目逻辑分析包括代码
优购逻辑一,分析项目 首先创建小程序文件-----配路由创建页面-----四个主面(tabbar)-----配置(api接口,components,静态资源)创建小程序文件在公共app.js中配路由创建页面四个主面(tabbar) "tabBar": { "selectedColor": "#ff2d4a", "list": [{ "pagePath": "pages/index/index", "text": "首页", ...原创 2021-05-18 10:09:28 · 213 阅读 · 1 评论 -
Uniapp(项目创建,运行)
一,下载HBuilderX软件首先需要下载HBuilderX框架下载地址: https://www.dcloud.io/hbuilderx.html二,创建uniapp项目选择uni-app,默认模板即可、创建之后的项目目录在pages里创建页面导入你项目所需要的静态资源(图片)在static文件中这时可以尝试运行文件最后运行效果...原创 2021-05-17 19:51:38 · 2611 阅读 · 0 评论 -
小程序发布流程
发布流程,大概分三个大步骤:上传代码 提交审核 发布版本1,上传代码到这里我们开发代码这块就完工了,剩下的就是去微信小程序平台发布了。2、提交审核进入微信小程序的官网:https://mp.weixin.qq.com2.1.进入【版本管理】找到开发版本,点击‘提交审核’首次提交审核,会弹出如下提示,点击前往填写3,填写小程序基本资料 点击填写 2,填写基本信息3,点击开发者点击编辑,添加成员添加项目成员..原创 2021-05-17 10:39:56 · 109 阅读 · 0 评论 -
微信小程序支付授权
1,对button写属性<button type="primary" plain open-type="getUserInfo" bindgetuserinfo="handleGetUserInfo">登录</button>//open-type出现弹窗获取用户信息//bindgetuserinfo向微信申请授权的点击事件这个事件中,有事件对象,这个事件对象中有我们需要的参数,然后我们使用小程序内封装好的方法wx.login()方法,这个方法会返回一个code,然后我们原创 2021-05-16 20:01:17 · 406 阅读 · 0 评论 -
promise封装api接口
封装api接口的好处我们平常项目中基本每页都需要请求数据,而如果我们每次请求输入据都用小程序本身的request就会造成代码量过多,很难找到相应的方法。所以要封装一下,从而减少代码量,这个可以做到请求的接口和页面分离,方便维护和阅读。过程:在我们项目的根目录下新建一个http文件,然后里面新建1个js文件,文件名叫http.js,然后我们这个http.js主要使用promise封装我们的wx.request();let baseUrl = “https://xxx”; // 这个变量存放原创 2021-05-16 19:48:22 · 789 阅读 · 0 评论 -
小程序支付流程
首先我们肯定是判断用户有没登录,一般都是判断本地有没有token。如果没有,让用户取登录。如果有就执行以下代码:async add() { try { // 1 判断缓存中有没有token const token = wx.getStorageSync("token"); // 2 判断 if (!token) { wx.navigateTo({ url: '/pages/auth/auth'原创 2021-05-16 19:31:12 · 92 阅读 · 0 评论 -
es4和es5的数组方法
es4的数组方法1,indexOf()接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的开头(位置 0)开始向后查找。2,push()添加一个或多个参数到数组的尾部,原来数组会改变,返回的是添加后的数组的长度3,pop()从数组尾部删除一个元素,原数组会改变,返回的是被删除的元素4,shift()从数组头部删除一个元素,原数组会改变,返回数组中被删除的元素5,unshift()添加一个或多个参数到数组的头部,原来的数组会改..原创 2021-05-16 19:27:40 · 157 阅读 · 0 评论 -
小程序的收藏,分享,客服功能
收藏1,页面(iscollect是用来判断是否被收藏)2,在index.js中对bindtap写事件data:{ //iscollect初始值 iscollect:false }//事件shoucang(){ //1,从本地存储里先创建shoucang let shoucang=wx.getStorageSync('shoucang')||[]; /,2,点击的数据通过findIndex进行查询shoucang存储是否有此数据原创 2021-05-14 11:48:12 · 217 阅读 · 0 评论 -
小程序获取地址流程
直接上代码//小程序通过 wx.getSetting可以获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。 wx.getSetting({ success(res){ //log获取到的数据 console.log(res); //里面有authSetting是用户授权设置信息(true,false) if(res.authSetting){ //判断是否获取地址原创 2021-05-13 21:26:20 · 986 阅读 · 0 评论 -
小程序授权登录流程
1,对button写属性<buttontype="primary"plainopen-type="getUserInfo"bindgetuserinfo="handleGetUserInfo">登录</button>//open-type出现弹窗获取用户信息//bindgetuserinfo向微信申请授权的点击事件2,在index.js中通过bindgetuserinfo事件获取数据 handleGetUserInfo(e){ //获取到的...原创 2021-05-13 21:12:33 · 145 阅读 · 0 评论 -
微信小程序的上拉加载,下拉刷新
1,首先写好需要的参数 //接口所需要的参数 QueryParams:{ query:"", cid:"", pagenum:1, pagesize:10 }, //总页数 totalPages:1,2,在index.js中写需要拿到的数据//先获取相对应接口数据需要的东西并且进行计算,存放渲染async getgoodslist(){ //封装的接口request.js使用异步操作 const res=await原创 2021-05-13 20:58:31 · 183 阅读 · 0 评论