D1:微信小程序
微信小程序学习篇
柒个M
兴趣是最好的老师!!!
展开
-
如何创建小程序企业账号
1、首先使用新的邮箱注册一个微信公众平台的账号2、填写基本信息,主体类型选择企业3、进行主体信息登记,其中注册方式选择 打款验证比较方便4、填写管理员信息,点击下面的继续按钮5、最后会收到打款到指定的账户,包括金额...原创 2021-05-06 15:09:51 · 1768 阅读 · 0 评论 -
uniapp自定义导航栏
1、首先在pages.json中配置下已定义导航栏:2、在uniapp插件里下载uni-nav-bar,全局引入到项目中,在main.js中配置:3、在页面中使用:<uni-nav-bar background-color="#F8F8F8" color="#000000" shadow="false" :status-bar="status_bar" :title="nav_title"> </uni-nav-bar>data() { ret.原创 2021-04-29 09:29:26 · 5261 阅读 · 0 评论 -
uniapp实现小程序图片预览、音频播放、视频播放
1. 实现图片预览主要代码:<ul v-if="index == 0" class="collapse-sty"> <li v-for="img in imageList"> <u-image width="200rpx" height="200rpx" @click="previewImage(img)" :src="getBaseUrl() + img.url"></u-image> </li>原创 2021-04-27 16:10:50 · 6055 阅读 · 3 评论 -
微信小程序页面跳转刷新方式
1、switchTab跳转刷新 uni.switchTab({ url: '/pages/staffWork/staffWork', success: function(e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onLoad();原创 2021-04-23 14:51:09 · 3025 阅读 · 0 评论 -
小程序中使用webView打开外部链接
最近研究小程序,发现需要引入外部链接,其实很容易实现:1、新建一个wenView页面: <template> <view> <web-view :src="url"></web-view> </view></template><script> export default { data() { return { url: '' } }, onLoad(e) {原创 2021-04-22 14:54:10 · 2577 阅读 · 0 评论 -
uView根据权限动态配置uni-app中的tabBar
在项目中遇到一个需求,根据不同的账号,生成不同的tabBar,刚开始考虑使用父组件中引入子组件的形式,奈何页面空白,什么也不显示于是,考虑使用自定义的tabbar实现。项目技术:uniapp开发微信小程序,配合UView组件Uview中有tabBar组件:官网地址使用UView配合Vuex自定义tabBar成功解决问题,附上教程:0、仅需配置tabBar中list属性中各页面的路径:"tabBar": { "list": [{ "pagePath": "pages/原创 2021-04-20 17:17:31 · 4442 阅读 · 8 评论 -
uniapp如何使用微信开发者工具调试
因为不太熟悉移动端开发,最近在上手小程序开发的时候,遇到一些问题,记录一下。首先,技术选型为uniapp,毕竟人家是一套代码,多端运行的嘛,够强大!1、在HBuilder中引入代码,然后使用快捷键ctrl + r ,点击微信开发者工具;2、下载并注册微信开发者工具,具体教程可以问度娘;3、打开微信开发者工具,导入项目中的 unpackage => dsit => dev => map-weixin4、项目导进来后,选择 设置 => 安全设置 => 打..原创 2021-04-16 09:52:41 · 4911 阅读 · 3 评论 -
微信小程序实现tab组件
1、首先在wxml文件中:<view class="main"> <view> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">详情</view> <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-curre原创 2020-11-30 10:55:43 · 2290 阅读 · 0 评论 -
微信小程序如何获取url的参数
页面请求的url,携带有参数id,如果有多个参数的话,使用&来连接:上代码:Page({ /** * 页面的初始数据 */ data: { id: '' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { console.log("options") var that = this; that.setData({ id: option原创 2020-11-26 10:15:17 · 4105 阅读 · 0 评论 -
微信小程序如何发送http请求
箭头指向的地方,打上勾勾就可以了!详情链接:https://blog.csdn.net/weixin_37281289/article/details/80317364?utm_source=blogxgwz0原创 2020-11-26 09:58:32 · 2046 阅读 · 0 评论 -
微信小程序调用api接口实例
页面效果:1、首先在微信开发者工具中开启http域名2、然后回到开发者工具中,找到详情=》项目配置,进行刷新或者重新编译3、在index.wxml页面中写一个button:<view> <button bindTap="test">测试</button></view>4、在index.js文件中写入方法:text:function(){ var that = this; wx.requ...原创 2020-11-25 17:55:12 · 25858 阅读 · 8 评论 -
微信小程序解决“navigator不能直接跳转到tabBar页面”的问题
问题分析:在微信小程序index.wxml中想在页面上使用navigator跳转到pages下的另一个页面,结果发现点击没有任何反应。原因是目标页面在tabBar设置里,想跳转到tabBar页面,需要使用switchTab功能。解决方法一:navigator 的 open-type 设置为 switchTab <navigator url="/pages/service/service" open-type='switchTab' ><view>汽车服务<原创 2020-11-25 10:38:37 · 5363 阅读 · 0 评论 -
微信小程序简单的登录页面的跳转以及获取登录人信息并传值
1、首先一个简单的需求:微信小程序登录后,获取用户的信息,跳转到主页面,点击个人中心时,页面显示用户的个人信息。2、文件夹目录login文件夹主要存放有关登录的操作和页面:wxml页面代码:<!--miniprogram/pages/login.wxml--><view class="login-container"> <view class="title">微信小程序App</view> <view class="lo.原创 2020-11-24 15:21:16 · 18354 阅读 · 8 评论 -
微信小程序教程之底部tabBar配置
1、打来app.json文件,在pages[]中创建你所需要的目录文件夹:2、同样在app.json文件中,创建tabBar对象:3、分析作用: 首先list数组是用来存放tabBar中目录对象的: pagePath:底部导航对应的文件夹 text:导航的文字 iconPath: 导航底部没被点击的图标selectedIconPath:点击时icon图标的样式4、页面效果:...原创 2020-11-24 11:48:57 · 1596 阅读 · 0 评论 -
微信小程序教程之创建目录
1、首先找到app.json文件如图所示,在pages数组中,把需要创建的文件夹的目录和名字,写在pages[]中,然后保存,小程序会自动生成文件夹层级,如下:原创 2020-11-24 11:21:17 · 1737 阅读 · 0 评论 -
微信小程序教程之小程序目录结构
一、打开微信开发者工具后,新建一个项目二、主要的文件类型.json后缀的JSON配置文件 .wxml后缀的WXML模板文件 .wxss后缀的WXSS样式文件 .js后缀的JS脚本逻辑文件三、 具体文件的作用 1、小程序配置 app.json, app.json是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的app.json配置内容如下:{ "pag...原创 2020-11-24 11:15:16 · 1182 阅读 · 0 评论