![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 70
Syleapn
这个作者很懒,什么都没留下…
展开
-
富文本/整段文本中右侧无法对齐的问题之text-align: justify(css)
今天的重点是:text-align: justify(实现两端对齐)对于整个段落,用的最多的要数富文本(作用于商品详情页),但用正常的形式排下去,右边的效果就像小狗啃了一般,参差不齐。所以应该如何修饰呢?要使文本两端沿着它的外边线对齐,可用text-align: justify;再配合letter-spacing设定一个恰当的间距来达到理由的效果,使得排版更美观。letter-spacin...原创 2019-11-01 17:55:44 · 2638 阅读 · 0 评论 -
swiper与scroll-view对比(实现水平slider)
小程序中实现滑块水平滑动最常用的手段是:通过scroll-view去实现;但是,通过scroll-view实现的滑动可能有时并不是我们想要达到的效果,那么,还可以通过swiper组件来实现,通过下面可进行同一个功能细节处不同的展示~一、通过scroll-view实现滑块滑动二、通过swiper是实现滑块滑动wxml:<!-- ******************* scro...原创 2019-05-20 19:58:41 · 3609 阅读 · 0 评论 -
微信小程序引用页面调用组件内的方法(父组件调用子组件的方法)
近期在做一个项目,小程序普通页面调用引入组件里面的方,网上看了很多资料,还是被粗心的自己给整哭了。所以做完项目记录下:一、demo结构1>页面index2>自定义组件tx二、如何定义一个组件在tx.json中将component设置为true,即三、引入组件(在index页面引入自定组件tx)1>在index.json中进行组件声明2...原创 2019-07-04 00:13:18 · 17463 阅读 · 1 评论 -
uni-app/微信小程序video组件层级过高覆盖悬浮按钮
uni-app/微信小程序video组件层级过高覆盖悬浮按钮:一、出现的概率与场景具有偶然性,即概率性出现,也针对一些手机,尤其在ios版本的一些手机上!二、分析:大体分析说明:一般的解决方法是采用原生组件cover-view,有图片的话再结合vover-image。但是,一般的悬浮按钮是相对于手机屏幕进行固定的(即不会随着划动被移动),如果采用cover-view...原创 2019-07-30 11:16:16 · 13138 阅读 · 1 评论 -
ios与android上小程序跳转兼容实现与封装
项目中遇到的坑,在这里记录下:一、需求: 在进行微信小程序分享时进行跳转,这个跳转有三种情况:小程序之间的相互跳转、外链、链接;所以,接口中请求的数据有三种类型,用type标记,我这里只是给个流程记录下,没有接口也行,自己去模拟一个,重点是遇到的两个坑以及解决方案!坑一: 在ios上,分享时,直接进行了广告跳转(外链跳转/链接跳转/小程序跳转弹窗),微信好友列表没有了或...原创 2019-07-25 11:53:56 · 491 阅读 · 0 评论 -
微信小程序/uni-app中自定义顶部导航栏
一、项目目录结构说明:1、components目录用于存放自定义组件,bar是一个自定义组件,封装了小程序顶部自定义导航栏。 1>由于顶部导航栏大多页面都需要,所以最好封装成一个组件,直接引入,这也就引发了第二个需求。 2>有时,在一个项目中,有些页面的导航栏可能不一样,所以此时我们应该尽可能的考虑到需求,然后封装,在页面更改值来达到不同...原创 2019-07-30 15:07:33 · 26770 阅读 · 4 评论 -
小程序自定义组件间传值
一、父组件向子组件传值即WXML 数据绑定:用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容数据(自基础库版本 2.0.9 开始,还可以在数据中包含函数)。具体请看https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html1、流程梳理:父组件f...原创 2019-07-25 15:49:21 · 11187 阅读 · 2 评论 -
小程序自定义组件与uni-app组件间传值异同总结
微信小程序与uni-app组件间传值总结(此处是常见传值规律总结,除过特殊的,就像this.selectComponent)1、父组件向子组件传值 --- 》通过数据绑定2、子组件向父组件传值 ----》通过事件一、父组件向子组件传值 相同点:都是通过数据绑定的方式进行 不同点:小程序中子组件通过properties进行映射,即接收;...原创 2019-07-25 19:07:47 · 4635 阅读 · 0 评论 -
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 · 5665 阅读 · 6 评论 -
小程序中对应详情页的传值
######## 2018.7.30/18:46 ######### 上一篇博文中已明了e.target与e.currentTarget的区别,详情点这里查看https://blog.csdn.net/syleapn/article/details/81289337 本篇会用得到它们的~ 下面进行今天的重点,页面传值的方式很多,我尽可能的通过实例列出,欢迎大家的补充~...原创 2018-07-30 19:08:40 · 5086 阅读 · 5 评论 -
小程序中e.target与e.currentTarget区别详解
在小程序中,e.target与e.currentTarget是非常重要的,尤其是涉及到页面传值时!本节只说两者的区别,关于传值下一节再详细讲解>https://blog.csdn.net/Syleapn/article/details/81290133#comments~下面开始正文啦!!先来大概梳理下逻辑,以便引申与更一步了解target与curentTarget。...原创 2018-07-30 18:10:31 · 34262 阅读 · 11 评论 -
关于小程序 scroll-view 左右横向滑动没有效果(无法滑动)问题
关于浮动,有好几种方法,所以对于scroll-view的水平滑动,一不小心就会出错。解决方法:转摘自:https://www.cnblogs.com/miu-key/p/7606024.html小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动之分,在这次项目中刚好需要用到横向滑动,但在测试过程中发现横向滑动没有了效果(静止在那里没移动过),经调试发现:1.scroll-vie...转载 2018-04-28 22:10:57 · 1306 阅读 · 0 评论 -
微信小程序 wx:key
原作者:哈尔滨的酸柠檬转载自:http://blog.csdn.net/sinat_31177681/article/details/53557642在实际开发过程中遇到 warning: Now you can provide attr "wx:key" for a "wx:for" to improve performance.上网查找资料与查看官方文档发现原因大致如下:官方解释:wx:key...转载 2018-03-16 10:35:04 · 711 阅读 · 0 评论 -
微信小程序中多个相同的组件点击时当前样式的改变
第一次用CSDN写博客,以前的是新浪博客,地址为:http://blog.sina.com.cn/99yt99 以后一直就用CSDN,新浪上面就不更新了。1、需要的东西 一张透明背景的图片:proper.png 2、效果展示 默认选中与样式改变的为“距离优先”,当然自己可以在ceshi.js中改变自己想默认的那个。通过点击切换改变样式)3、源码:wxml代码<view class...原创 2018-03-12 14:46:31 · 16904 阅读 · 5 评论 -
border-radius的一种经典使用(上凸边框)
对于border-radius,大家应该都很熟悉->为元素添加圆边框。所以,此处不在讲解border-radius的语法,不懂的戳这里,http://www.w3school.com.cn/cssref/pr_border-radius.aspw3cschool讲的很详细~下面我就利用border-radius添加圆边框这个功能实现以下效果-》向上凸出的弧线(红色线)-》此效果利...原创 2018-03-22 17:22:30 · 3252 阅读 · 0 评论 -
小程序中textarea字数限制与计算
不管做什么类型的项目,几乎都会碰到评论框。正好也是项目需要,就顺便来总结总结:在以往的前端中,大家都知道很容易实现。那么,在小程序中,如何去实现它呢?其实,只要你仔细看了官方文档https://mp.weixin.qq.com/debug/wxadoc/dev/component/textarea.html也很容易,思路如下:1、在textarea中绑定bindinput事件。2、通过var va...原创 2018-03-19 14:33:17 · 16523 阅读 · 1 评论 -
详解微信小程序swiper小圆点默认样式改变
在微信小程序中,轮播图上的小圆点默认样式为黑灰色,这在视觉体验上不是很惊艳眼球,有时达不到我们的需求。那么,怎样进行默认样式的改变呢?需要准备的东西:3张图片(swiper1,swiper2,swiper3)~为了方便大家理解代码以及本地图片的引入,这里把我的文件结构也show~一、方法1采用官方提供的swiper属性(indicator-color与indicator-active-color)...原创 2018-03-19 18:13:18 · 36417 阅读 · 7 评论 -
微信小程序中遮罩层的实现
近期在写一点小东西,碰到遮罩层,今天把它总结下来,方便大家共同学习:有好几种方法,今天先来第一种。准备工作:一张图片:close.png一、方法1先上效果:点击“核算”以后,遮罩层出现,同时conts(即面板)出现。再次点击“核算”或conts右上角的关闭按钮时,遮罩层消失,conts隐藏。源码:wxml代码<vi...原创 2018-03-13 20:40:34 · 38116 阅读 · 5 评论 -
encode后的JSON字符串,JSON.parse解析失败
转自:闪电Jlaix的微信小程序大坑:encode后的JSON字符串,JSON.parse解析失败今天,遇到微信 JSON 解析的一个大坑。网上找了好久,没有人记录过相同坑,所以写下来吧。跨页面跳转,想传递一个对象。于是先将对象,用 infoStr=JSON.stringify(object)转为了字符串。由于对象中包含 url 属性,JSON.parse 方法无法解析包含“?“、”&”之...转载 2018-04-14 15:06:49 · 4017 阅读 · 0 评论 -
小程序的text-overflow
text-overflow原本是CSS3的一个属性。在微信小程序中也支持。下面我们一步步的进行~text-overflow文本溢出显示省略号~注:使用text-overflow时,需要设置固定的宽度才起作用,所以该元素必须具有块状元素的属性(款装元素+行内块状元素)1、一行文本溢出显示省略号 overflow: hidden; white-space:nowrap; text-overf...原创 2018-03-27 14:49:54 · 8017 阅读 · 0 评论 -
关于小程序 input 组件内容显示不全(显示的长度不满 input 宽度)问题
今天在做表单的提交,其中input框出现了一个诡异的问题,就是内容显示不全(显示的长度不满 input 宽度),用前愆訾的文章解决,地址http://www.cnblogs.com/miu-key/p/7168933.html。感谢博主~转载自:前愆訾的博客,文章地址为:http://www.cnblogs.com/miu-key/p/7168933.html正文!!!问题:小程序的input组件...转载 2018-04-23 22:08:25 · 10627 阅读 · 4 评论 -
微信小程序点击控件修改样式
通常,页面呈现的效果,我们直接在css中进行,可是有时我们需要进行通过一系列操作比如点击后,要使得样式进行改变。我们知道微信小程序也可以使用一些伪类进行这类操作样式的改变,比如hover等。毕竟小程序是基于数据驱动的,也为了便于后续修改与维护,我们利用数据绑定来实现它。******第一种方法******one->进行布局wxml:<view class="mn">点击样式改变&l...原创 2018-03-14 17:20:39 · 19381 阅读 · 3 评论