uni-app
Syleapn
这个作者很懒,什么都没留下…
展开
-
uni-app中组件间方法调用
在此总结下,供参考!一、先上结果图,如下:二、项目说明红色圈起来的为子组件,绿色圈起来的为父组件。uni-app项目,所以具体组件引入流程不在详细说明,直接列出代码。三、代码1、子组件child.vue<template> <view class="" @click="getFatherMethod"> 点击调用...原创 2019-12-16 10:46:06 · 11770 阅读 · 0 评论 -
富文本/整段文本中右侧无法对齐的问题之text-align: justify(css)
今天的重点是:text-align: justify(实现两端对齐)对于整个段落,用的最多的要数富文本(作用于商品详情页),但用正常的形式排下去,右边的效果就像小狗啃了一般,参差不齐。所以应该如何修饰呢?要使文本两端沿着它的外边线对齐,可用text-align: justify;再配合letter-spacing设定一个恰当的间距来达到理由的效果,使得排版更美观。letter-spacin...原创 2019-11-01 17:55:44 · 2682 阅读 · 0 评论 -
1upx border在某些手机机型上某一边框显示不出来解决方案
今天在做uni-app项目进行测试时,发现当边框为1upx时,某些框的边显示不全(无效)。自己某前遇到问题的手机:iPhone XS Max。展示的bug效果如下:以上区域中,发现边框的下边没有显示出来。又是兼容问题导致的bug。于是网上去查找了一些资料,大致归类为以下几种。1、将边框样式写在“行内样式”中,即以style的形式嵌在标签中。亲测无效,对于我的项目。大家可以针...原创 2019-11-01 17:05:29 · 1384 阅读 · 0 评论 -
uni-app中文本过长-实现折叠与展开效果
在实际的开发中,疑或是页面的预览中,或多或少都碰到过这样的情景,那就是文本的折叠与展开!近期在做一个项目,也遇到此情况,就将此顺便总结下来~一、先上效果二、源码<template> <view class="wrap"> <!-- --> <view class="fload" :class="isFload...原创 2018-07-07 18:47:44 · 17534 阅读 · 8 评论 -
uni-app自定义弹窗,底部页面触摸穿透问题解决方案(精华)
在uni-app中,弹窗的用途很常见,比如商品规格选取、广告弹窗等。在实际开发中,有时候我们需要在页面中有这样一个弹窗,但弹窗会导致触摸穿透的问题。这样带来的效果很不好,所以,在进行手动滑动时,我们需要在弹窗弹出后禁止原页面继续滚动。一、解决触摸穿透的方法: 在网上看到最多用的方法是:在最外层的view上添加如下代码:<view class="" @touchmove...原创 2019-10-30 17:57:12 · 13700 阅读 · 8 评论 -
uni-app中全局变量Vue.prototyp与globalData不同及其注意
uni-app全局变量实现手段可以算是各式各样,今天只针对Vue.prototyp与globalData实现全局变量的注意事项。一般数据比较小时,我们会用Vue.prototyp与globalData挂载与存储全局变量,在页面中调用及其更改。但是,有时,我们需要从App.vue中进行值的更改,比如接收另一个小程序传过来的信息,此时只能在App.vue中的onLaunch()或onShow()方...原创 2019-10-16 18:11:30 · 3654 阅读 · 1 评论 -
wx.request请求封装(微信小程序/uni-app)
距离做完项目很久了,腾出点时间,记录下。为了提高效率与可维护性,对其进行了一个简单的封装~一、目录结构二、三步骤1、第一层封装(config.js)分别针对get与post进行一个公共wx.request请求的封装;每个方法传了2个参数,url与data;url:接口地址,data:请求的参数,const commonUrl ="https://ceshi.com...原创 2019-07-26 15:03:57 · 5709 阅读 · 6 评论 -
swiper轮播图息屏一段时间或快速滑动切换时出现疯狂抖动
gitHub代码下载:https://github.com/Syleapn/uni-app-swiper以前做小程序项目的时候,没专门测试人员,都是开发者自测,可能我的手机性能比较不错(哈哈)或时机不对,总之没发掘到这个bug;近期做项目,测试了不同的手机,发现在一些手机上会出现这个bug,尤其是对于性能差的一些手机,出现的概率尤其的大。由于本次项目是基于uni-app的,直接就用uni-ap...原创 2019-07-26 13:06:21 · 4612 阅读 · 1 评论 -
uni-app中组件传值
一、父组件向子组件传值通过props来实现,子组件通过props来接收父组件传过来的值!1、逻辑梳理父组件中:第一步:引入子组件;import sonShow from '../../component/son.vue';第二步:在components中对子组件进行注册;components: { sonShow },第三步:以标签的形式载入;通过数据...原创 2019-07-25 18:21:13 · 32303 阅读 · 6 评论 -
微信小程序/uni-app中自定义顶部导航栏
一、项目目录结构说明:1、components目录用于存放自定义组件,bar是一个自定义组件,封装了小程序顶部自定义导航栏。 1>由于顶部导航栏大多页面都需要,所以最好封装成一个组件,直接引入,这也就引发了第二个需求。 2>有时,在一个项目中,有些页面的导航栏可能不一样,所以此时我们应该尽可能的考虑到需求,然后封装,在页面更改值来达到不同...原创 2019-07-30 15:07:33 · 26829 阅读 · 4 评论 -
uni-app/微信小程序video组件层级过高覆盖悬浮按钮
uni-app/微信小程序video组件层级过高覆盖悬浮按钮:一、出现的概率与场景具有偶然性,即概率性出现,也针对一些手机,尤其在ios版本的一些手机上!二、分析:大体分析说明:一般的解决方法是采用原生组件cover-view,有图片的话再结合vover-image。但是,一般的悬浮按钮是相对于手机屏幕进行固定的(即不会随着划动被移动),如果采用cover-view...原创 2019-07-30 11:16:16 · 13217 阅读 · 1 评论 -
uni.pageScrollTo滚动时出现抖动问题
uni-app中,将页面滚动到顶部,有两种方式:一、使用scroo-view标签中的@scrolltoupper实现二:使用uni.pageScrollTo实现近期在做视频类的一个重播功能,要求点击“重播”按钮后页面能够回到顶部(由于视频在页面的顶部,这样点击“重播”后不会跳到视频之外的其他地方),用uni.pageScrollTo来实现,但是发现三个问题:...原创 2019-06-02 19:34:29 · 8249 阅读 · 1 评论