
移动端
别忘了微笑_cuicui
这个作者很懒,什么都没留下…
展开
-
uniapp使用中小问题及解决方法集合
* 页面A */important;配置新的返回按钮"h5": {}]页面编写返回方法/** 自定义按钮 */delta: 1 // 默认值是1,表示返回的页面层数});},原创 2024-11-04 10:51:59 · 645 阅读 · 0 评论 -
vant兼容问题之van-popup组件在ios上出现重叠问题
van-popup组件在ios上出现重叠问题利用更改挂载节点来解决此问题。<van-popup v-model="pickerRuler" position="bottom" :get-container="$parent.getContainer"> <div class="content"> </div> </van-popup>created(){ this.popDivContainer = document.crea原创 2021-07-31 14:43:44 · 2978 阅读 · 0 评论 -
APP中嵌入h5,如何通过window.WebViewJavascriptBridge进行交互
本文主要是涉及这样一个需求,公司的移动端项目比较多,但是不想安装过多的APP,于是所有项目以H5的形式开发,最后嵌入进APP的壳子中,继而只需要安装一个app; 那么这里边存在一个问题,h5与原生app如何进行交互呢?原生app跳转进相应的H5界面,需要携带一些用户信息,本文主要是通过window.WebViewJavascriptBridge悄悄的进行数据交互。本文主要站在h5的角度进行讲解:第一步: 创建一个bridge.js文件,编写如下公共代码:/* eslint-disable *///原创 2020-12-01 15:57:41 · 1899 阅读 · 1 评论 -
uniapp之界面顶部放入扫描按钮及调用方法
扫描按钮的图标可以去阿里图标库进行选择然后使用。1、 选择下载至本地然后解压2、将ttf文件复制一份,放在static文件下;3、在page.json文件下配置 { "path" : "pages/tabBar/index/index", "style" : { "navigationBa...原创 2019-11-25 10:39:45 · 2606 阅读 · 0 评论 -
uniapp之封装横向进度条
主要是针对投票详情这个需求进行封装,uniapp官方实例中没有进度条;如果不需要显示总数(总票数,可以不绑定这个字段值);效果图如下:下面看一下实现的代码部分。1 、在comonents文件下创建一个uni-progress.vue的文件<template> <view class="uni-progress-box"> <...原创 2019-11-01 09:36:23 · 4717 阅读 · 4 评论 -
uniapp之自定义弹窗(允许插入可编辑表单)
uniapp自带的模态框,不支持content部分插入可编辑的表单元素,这一点比较局限。首先看一下实现的效果图,再进一步附上源码加讲解。1、编写公共的模态框组件,在components文件下创建一个文件叫uni-dialog.vue的文件 <!-- 模态框公共部分界面 --><template> <view v-if="showPopup"...原创 2019-10-28 15:56:40 · 18258 阅读 · 1 评论 -
uniapp之封装公共的搜索控件
为了增加代码的复用性,多次重复的效果图如下:1、在componts文件夹下创建一个uni-search.vue的文件 <template> <view class="uni-searchbar"> <view class="uni-searchbar-form__box"> <uni...原创 2019-10-27 21:03:24 · 61688 阅读 · 1 评论 -
uniapp之上拉、下拉临界点的监听(当前界面,或部分视图)-------生命周期函数的运用,或scroll-view 的运用
// 组件嵌套方式的上拉,下拉触碰(当前界面只对部分视图进行滚动)<scroll-view style="height: 450upx;" class="scroll-v list" @scrolltoupper="pullDown" enableBackToTop="true" scroll-y @scrolltolower=...原创 2019-10-27 20:52:13 · 3177 阅读 · 0 评论 -
uniapp之封装一个公共的带token的请求方法
1 创建一个文件名为config.jsconst baseurl = 'http://xxx:9090/'; //公共接口请求地址export default baseurl;2 在登录接口返回数据的那步,将token存进缓存中 // 存储token uni.setStorage({ ...原创 2019-10-25 17:03:19 · 16754 阅读 · 5 评论