2021年04月_柒个M

12月 11月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 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 5258

原创 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 6010 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 3021

原创小程序中使用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 2565

原创 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 4428 8

原创 uniapp如何使用微信开发者工具调试

因为不太熟悉移动端开发，最近在上手小程序开发的时候，遇到一些问题，记录一下。首先，技术选型为uniapp，毕竟人家是一套代码，多端运行的嘛，够强大！1、在HBuilder中引入代码，然后使用快捷键ctrl + r ，点击微信开发者工具；2、下载并注册微信开发者工具，具体教程可以问度娘；3、打开微信开发者工具，导入项目中的 unpackage => dsit => dev => map-weixin4、项目导进来后，选择设置 => 安全设置 => 打..

2021-04-16 09:52:41 4907 3