weixin_44126737-CSDN博客

说一下思路，代码后续贴一：app，h5，小程序都可以1，在pages.json里的tabbar，只留下pagePath，属性只留height：“0px”,意思为留下uni.switchtab跳转路径，不会闪屏白屏。但是高度为0px，看不到，也没给图标和文字。2，使用uview 的自定义tabbar。笨方法：每个tabbar页面中都放置一次。点击不同tabbar，跳转不同tabbar——uni.switchtab。好方法：稍微封装个组件。各tabbar引入一次。缺点:代码较多，不封装维护较乱。

2022-05-17 08:30:26 7668 19

原创微信小程序canvas真机调试不显示

把微信开发工具的真机调试切换成真机调试2.0即可

2022-05-05 17:44:29 3513

原创 JS----array[1][2]=6是什么意思？

都知道array[1] = 2 意为 array数组，下标1的元素，值为2array = [ 2 ]array[1][2]=6是什么意思?同理 array二维数组，array第二列，第三个数，值为 6初始 array = [ [ 1 , 2 ] , [ 3 ] ]添加之后array = [ [ 1 , 2 ] , [3,empty, 6] ]...

2022-04-30 15:16:14 807

原创 JS----replace替换字符串里面的某些值

let str = '123456T789' //字符串包含一个字母Tlet b = str.replace('T',' ') //表示 str 使用 replace 将本身所以 T 都替换为空格console.log(b) // 123456 789

2022-04-15 15:40:30 564

原创 UNIAPP----打包后启动弹出Html5+Runtime弹框

在manifest.json的源码视图中加忽略项"app-plus":{}"compatible":{"ignoreVersion":true},保险起见，更新最新版的exe文件放在手机上，hubx升级最新版

2021-11-30 17:59:02 1450

原创 UNIAPP----批量删除海报等

基于uview的瀑布流，然后自己加了个checbox点击。每次点击，先判断需要删除的id在不在数组里面，如果indexof没有返回值，则push，如果是-1，则splice去除。<view class="wrap u-m-b-40"> <u-waterfall v-model="posterList" ref="uWaterfall"> <template v-slot:left="{ leftList }"> <view c...

2021-11-24 15:50:24 1066 1

原创 UNIAPP----页面传参，不用缓存、vuex

子组件：uni.$emit('Phone', { code: this.phone, // 123456});父组件：data里面预先定义Phone: { code: '' },onload里面写uni.$on('Phone', code => { this.phone = code.code; console.log(this.phone) //123456})...

2021-11-11 17:40:54 847

原创 UNIAPP----保存MP4（网络路径）到本地

uni.downloadFile({ url: this.url, //文件链接 // header， success: (res) => { //statusCode状态为200表示请求成功，tempFilePath临时路径 console.log(res.tempFilePath) var add=res.tempFilePath if (res.statusCode == 200) { uni.saveFile({ .

2021-11-11 16:08:51 2297

原创 APP----二级评论基本样式

文章下面一层层的评论，没层评论还可以追评。格式如图。最外层父级高度不能写死限制。内部定位，限制高度，然后内容部分需要按评论内容高度变化。

2021-11-06 13:41:44 278

原创小程序----报uploadFile:fail url not in domain list

小程序体验版报uploadFile:fail url not in domain list登录开发者的微信公众平台，在开发设置里面配置合法域名接口、uploadfile接口，https开头。关闭开发工具的合法域名校验上传体验版测试。

2021-11-05 19:01:06 10275

原创 UNIAPP----图片最多显示三张，超出则半透明显示剩余数量

v-show判断下标小于2，则显示三张，如果图片数组长度超出2，让第三张透明，并显示剩余图片数量<view> <view v-for="(it, index) in item.img_json" v-show="index < 2"> <u-image :src="it"></u-image> </view> <view v-if="item.img_json.length > 2" :style="{ ...

2021-11-05 15:57:10 1954

原创 VUE----父组件使用子组件内定义的方法

父组件内使用ref给子组件命名，.调用子组件内部方法。//父组件中<template> <view> <Button @click="add">点击使用子组件内方法</Button> <child ref="son"/> </view></template> <script>import child from '@/child';exp

2021-11-04 19:05:22 260

原创 UVIEW----可滑动的弹窗选择搜索框

上面文本部分，如果超出了，可以上下滑动，而搜索框不动。<template> <view> <button type="default" @click="open">打开</button> <u-popup v-model="popup" mode="center" border-radius="15" width="70%" height="400px"> <view class="wllw-wi...

2021-11-02 10:50:54 3155

原创 UNIAPP----tabs横向滑动选择效果

效果 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 可横向滑动，内容自己可填，点击变色<view class="dangantabs_wai"> <view class="dangantabs"> <view style="margin: 0 20rpx;display: flex;justify-content: center;align-items: center;" v-for="(item,index) in tap" :key="index...

2021-10-20 14:37:08 913

原创 UNIAPP----打包如何获取安卓证书、文件和签名、包名

用uniapp云打包的时候，以前使用测试证书，现在需要自有证书1、官方文档地址，主要讲述获取证书的流程其中需要下载JRE环境，java官网官网，找到java8，再选择win，往下翻找JRE8，再选择win，下载个地方，打开java，安装到你知道的目录下，等会还需要地址打开命令行（cmd），输入以下命令：复制代码d: set PATH=%PATH%;"C:\Program Files\Java\jre1.8.0_201\bin"第一行：切换工作目录到D:路径第二行：将j.

2021-10-20 13:40:35 10211

原创 UVIEW----上传视频和图片

1、先弹出让用户选择上传类型，是图片还是视频，然后根据返回值调用不同方法chooseVideoImage() { uni.showActionSheet({ title: '选择上传类型', itemList: ['图片', '视频'], success: res => { console.log(res); if (res.tapIndex == 0) { this.chooseImages(); } else {

2021-10-19 14:51:26 6879

原创 HTML----下拉输入框

2021-10-18 23:09:34 1240

原创 UNIAPP----打包时没有腾讯地图模块问题

官方推荐高德和百度项目使用的腾讯地图打包安卓app时没有相应的模块在mainfest.json目录，源码视图app-plus下面的/* 应用发布信息 */ "distribute" : { 下面的"android"：{ } 下面的permissions数组末尾添加这两行"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/&...

2021-10-14 09:52:00 2298 12

原创 UNIAPP----通过坐标计算出两地距离（腾讯地图）

uni.request({ url: 'https://apis.map.qq.com/ws/distance/v1/matrix', method: 'GET', data: { mode: 'walking', from: '39.984184,116.307626', to: '39.108951,117.279396', key: '你自己的key，官网链接我放下面了' //获取key.

2021-10-13 09:36:58 2583 5

原创 UNIAPP----城市名称换取坐标

uni.request({ url: 'https://apis.map.qq.com/ws/geocoder/v1', data: { key: '这里是你自己的key，需要去腾讯', address: '郑州市', output: 'json', }, success:res=>{ console.log(res.data.result.location.lat) console.log(res.data.result.lo.

2021-10-13 09:27:13 329

原创 UNIAPP----获取当前城市和坐标

uni.getLocation({ type: 'wgs84', success: res=> { console.log(res) console.log('当前位置的经度：' + res.longitude); console.log('当前位置的纬度：' + res.latitude); } });uni.getLocation({ type: 'wgs84',...

2021-10-13 09:23:30 521

原创 JS----字符串长度超出显示省略号

<template> <view> <text>{{text}}</text> </view><script> export default { data(){ return { text:'一二三四五六七八九十十一十二十三十四十五十六十七十八' } }, methods:{ a(){ if( this.text.length >= 10 ){ this.tex.

2021-10-11 17:01:27 2655

原创 UNIAPP----请求变量保存到全局使用、替换、修改

一个接口一个URL一百个接口，一百个URL当需要把测试接口换成正式接口的时候，不可能去一个一个修改，每个页面都引入.js文件太麻烦不如将变量挂载到VUE的prototype上面，在各个页面都可以拿到并且使用。替换掉请求URL的前缀这是在页面上发请求的替换uni.request({ url:this.API+'/pay-log/get-wx-config-info', method:'GET', success(res) { console.log(res

2021-10-09 14:52:59 1144

原创 UNIAPP----小程序，App双端兼容弹出输入框input

app端最好写，可以使用插件大佬写过的这个插件---评论内容发布组件这个我使用的app端作为评论回复很适合，文档给的稍微不全其中获取到插件内的data下content内容，不需要存缓存和传参，需要在使用页面这样获取this.$refs.ygcComment.toggleMask('show') 这样可弹出这个评论插件使用插件前先引入！！！下面是我的方法全部代码：<template> <view> <button type="def..

2021-10-06 16:57:40 1343

原创 JS----push和slice实现点击添加、删除

HTML：<template> <view class=""> <view class="" v-for="(item,index) in list" :key="index" style="width: 100%;height: 300rpx;background-color: #00C545;"> <view class="" style="width: 100%;height: 100rpx;background-color: #aaffff

2021-09-28 15:16:37 1160

原创 UVIEW----自动上传图片，手动可移除某张

HTML：<template> <view class=""> <u-upload :action="action" v-on:on-success="up" v-on:on-remove="del"></u-upload> <view class=""> <button type="default" @click="add">上传</button> </view> </v

2021-09-27 18:52:39 1301 4

原创 UNIAPP----复制内容到剪切板（可取出）

事件：<view class="btn" @click="Cade_copy"> <text>联系商家</text></view>data：data:{ userstoreCode:''}methods:{}Cade_copy() { uni.setClipboardData({ data: this.userstoreCode, s...

2021-09-27 17:29:32 2389 4

原创 UNIAPP----路由跳转携带参数（路由传参）

1父页面 to_son(item) { // console.log(item.id) uni.navigateTo({ url: '../../san/san?id=' + item.id }); },?拼接参数，通过get传参，地址栏可看到id=xx子页面onload(id){ console.log(id)}子页面在onload打印...

2021-09-27 17:19:58 2350

原创 UNIAPP----阻止事件冒泡

在uniapp里面，给父元素一个点击跳转，里面的子元素也会跳转。倘若子元素要跳另外的页面，那就要解决事件冒泡父元素@tap="toindex"子元素@tap.stop="towode"这样就解除了事件冒泡

2021-09-26 18:31:02 1718 5

空空如也

空空如也