- 博客(13)
- 收藏
- 关注
RSS订阅原创 小程序文字长按识别复制和自定义一键复制文本功能
1.文字长按识别复制：把需要长按复制的文字用text标签包裹，然后添加selectable="true"属性即可但是这个属性有些缺点，就是不可以点击全选内容，得手动全选复制。如果想要一键复制这样的功能。就得做个一键复制的按钮。2.一键复制文本功能：如图，点击按钮时候，实现一键复制文本功能。（我这里就不写页面布局样式了) <view class='fwwa_btn...
2020-04-26 16:59:01
3112
2
原创 小程序轮播图：点击放大长按保存。
1.在图片上面绑定点击事件，并把当前图片的http链接，需要预览的图片的http列表都传过去。2.previewImage方法里直接写出来就可以 // 轮播图点击放大保存 previewImage: function (e) { var that = this; var current = e.target.dataset.src; ...
2020-04-26 16:43:57
470
转载 前端优化-图片预加载
一、css、js、css+jscss：#preload-01{background:url(http://domain.tld/image-01.png)no-repeat-9999px-9999px; }#preload-02{background:url(http://domain.tld/image-02.png)no-repeat-9999px-9999...
2020-04-24 17:30:20
481
原创 小程序tab切换引起的echarts渲染堆积到一块的显示问题（三）
如图，就是当tab切换时候，出现的echarts渲染堆积到一块的问题如何解决呢。我们从两个思路来解决。第一个思路：只有在切换到当前tab对应的页面时该页面的图表才会加载。那就在包裹echarts图的盒子上加一个判断条件，当当前activeIndex==0（或者1，2等）的时候再加载这个图。来看看效果：tab为今天和明天时候，对应的图都能正常显示了。1.先放一下整体的布局...
2020-04-24 17:06:33
1115
原创 小程序自定义导航栏组件（二）
一.首先需要创建一个组件component文件。（在app.json创建组件，会生成四个文件：wxml,wxss,js,json）<1>wxml：里面编辑你的自定义导航里的内容。<2>.json: 在json文件里面进行自定义组件声明，将component字段声明为true。<3>js:组件js文件里面使用Component({})来注册，并...
2020-04-23 16:46:10
331
原创 小程序textarea踩过的坑（一）
开发小程序快两年了，要说踩过的坑，最让我头疼的就是textarea组件，没有之一。接下来总结一些在这个组件踩过的坑已经解决的方法，希望能对有遇到同样问题的朋友有所帮助。<一>.自定义的导航栏头部和固定的底部栏，页面中使用了textarea组件后，上下滑动页面，导航栏和底部栏遮挡不住textarea组件的提示文字。如图：解决办法：1.要把view标签换成cover-view....
2020-04-22 15:53:50
849
原创 在自定义模块中，实现vue的动态组件添加模块
1.html:先在vue中做一个简单的选项卡效果。并把每个tab项都分成一个组件放起来。如下：2.js部分：引入各个组件，并且实例化组件创建一个items数组。并在绑定的toggleTab事件中，根据点击事件来追加组件并添加到内容中。赋值给component效果如下：实现了组件的动态添加。可以动态添加多个相同和不同的组件放到一起。具体的html内容和样式自己来写。大...
2019-11-29 14:57:16
3132
3
原创 vue请求本地自己编写的json文件
1.目录结构（配置的js文件、要引入json的vue文件、自己编写的json文件）2.接下来是build/webpack.dev.conf.js文件需要配置的内容代码：constexpress=require('express')constapp=express()constappData=require('../static/Graphics.jso...
2019-10-16 16:45:57
1002
原创 小程序：将一个数组三个为一组重组新的数组。并且重新放在每一个swiper-item里。然后对价格数据拆分成整数部分和小数部分，进行展示。
请看要实现的效果图：轮播图（每页有三条数据）下面看实现方法：html:注：轮播点是自定义的。大家也可以用自带的轮播点！自定义轮播点的轮播图js:1.data部分的数据。自己在data里面写的一个hot_recommended数组，放几条数据。2.自定义轮播点以及将一个数组三个为一组重组新的数组。另外就是：我们有个需求是...
2019-08-29 15:54:27
1649
4
原创 关于小红书的小程序不同数量的轮播图，展示不一样的轮播指示点的实现
用过小红书的人，应该注意到，小红书的详情页轮播模块做的有点花里胡哨，可谓天下产品一家亲。人家有的，我们也想有。于是在百度不到的情况下，只能自己想办法写类似的轮播指示点效果了。先看想要实现的效果图：想要坐这样的指示点效果，就要分情况讨论。以下是我个人的思路：大致可以分为两种情况：1.图片小于5张的时候只有一种轮播指示点的效果。（就是我们平时最常见的五个轮播点一样大进行轮播...
2019-07-25 18:15:21
2083
原创 小程序中引入canvas层级太高，自定义导航栏遮挡不住它。
1.应产品的需求，我们项目的导航栏是自定义的渐变色。这就带来了很多问题。其中一个就是canvas.某个详情页面需要插入canvas.如图所示：滑动界面的时候，自定义导航栏应该遮住echarts图，（想要的效果如下图）但是在安卓手机上是这样的效果：（由于echarts的层级太高，导致自定义导航栏遮挡不住echarts图），即使把view换成cover-view，安卓手机也还是无效...
2019-02-28 14:42:28
9180
4
原创 在富文本编辑器里嵌套已经在外面写好的主题模板。遇到的坑。
如图所示，当鼠标点击右侧的主题模版时，对应的主题框就会渲染到富文本框内。并且主题框要在富文本编辑器中居中显示且主题框内的文本输入框居中显示，可以输入15个字符。如图效果好做，但随之而来的是很多的坑。第一个坑： 无法删除主题框，但是删除不掉且包裹着主题框的盒子一直居中存在。占位。第二个坑： 在主题框内点回车键的时候，会再次出现一个相同的主题框。如图。第三个坑：随便在一个光...
2018-12-28 18:20:49
1538
4
原创 vue项目中el-input的placeholder内如何添加icon图。
原本的输入框是这样的。后期产品的需求是当用户输入文字的时候，要求图标和placeholder的文字一起隐藏。并且输入的文字要和提示框的文字左对齐效果。一开始我用js把图标隐藏，但是感觉好麻烦。1.接下来，我按照网上的方法，使用：placeholder对此属性进行绑定赋值，如下注意：不要给placeholder直接赋值。2、iconfont的值，必须是字体的unicode编码。例如：...
2018-11-09 13:55:42
13813
10
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人