- 博客(22)
- 收藏
- 关注
RSS订阅
原创 element-UI的table表格树形数据与懒加载
今天用了一下树形数据与懒加载这个组件,发现从接口拿的数据结构与官网的数据结构一模一样,但是却不能显示出树状的结构tableData: [{ id: 1, date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { ...
2020-03-26 16:13:11
7322
6
原创 Vue项目中使用js-base64
安装 : npm install --save js-base64 先引入 const Base64 = require('js-base64').Base64 然后就可以直接使用了 Base64.encode('需要转base64的内容')
2019-12-27 14:17:08
7116
原创 【无标题】
在uniapp中开发抖音小程序信息流广告，你需要使用抖音小程序的广告组件。最后，确保在manifest.json中配置了抖音小程序的权限，并且在代码中处理好广告的相关事件，比如广告的加载成功、点击等。由于抖音小程序的广告组件和API可能会随时间变化，请参考最新的抖音小程序开发文档来获取最准确的信息。请注意，信息流广告需要遵循抖音小程序的相关政策，并且你需要在抖音小程序的后台申请相应的广告位。首先，确保你已经在项目中安装了uniapp的抖音小程序框架，并且有信息流广告的相关权限。
2024-06-18 14:53:28
256
原创 兼容iphonex手机底部的横线处理
/* 兼容iPhoneX */ padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
2020-11-26 14:54:10
857
1
原创 vue如何把数据中的html标签显示出来
今天处理一个搜索结果的数据中，关键字需要高亮显示。例如： 搜索关键字“查找”接口返回的数据为“查找到书本”把“查找到书本”中的查找替换成<span style="color:red;"></span>// 假如对应的字段是text如果我们在vue中是<div>{{text}}</div>这样写的话 那么显示的就是==><span style="color:red;">查找</span>到书本如果要让
2020-09-18 11:21:32
6462
原创 0.5px的边框线css实现的方法
.grid-text :after{ content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #979797; /* 如果不用 background-color, 使用 border-top:1px solid #979797; 效果是一样的*/ -webkit-transform: scaleY(0.5); ..
2020-08-19 15:53:57
618
原创 css兼容iphoneX底部的横线
/* 兼容iPhoneX */ margin-bottom: 0; margin-bottom: constant(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);
2020-08-13 17:57:24
1063
原创 小程序仿微信聊天input框的处理思路
最近做了个项目,是在小程序中仿微信聊天的,其中Input框遇到的坑有2个:1.当Input框fixed或者absolute在底部的时候,我们输入内容时,键盘弹起会导致input的光标移位2.当我们聊天记录只有一两条的时候,键盘顶起了页面,那两条聊天记录就会被顶起看不到了首先我先解决input光标移位的问题其实只要Input框不是通过定位放在底部,就不会出现键盘顶起后,光标移位的问题了.我是通过计算屏幕高度 - 输入框的高度 = 展示消息列表的高度(scroll-view)这样,我们的input框
2020-07-31 15:19:16
988
原创 合并分支遇到报错Please enter a commit message to explain why this merge is necessary.
git 在pull或者合并分支的时候有时会遇到这个提示.处理的方法就是以下4步:1.按键盘字母 i 进入insert模式2.修改最上面那行黄色合并信息,也可以不修改3.按键盘左上角"Esc"4.输入":wq",注意是冒号+wq,按回车键即可...
2020-07-13 10:03:51
282
原创 CSS实现显示几行文字,超出部分用省略号显示
一、div内显示一行，超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示四行，超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;（行数）-webkit-box-orient: vertical;...
2020-07-01 14:05:24
1118
原创 ios手机,overflow:hidden无效
给它的父级元素添加position:fixedbody{height: 100%;overflow: hidden;width: 100%;position: fixed;}
2020-06-09 13:50:26
1057
原创 Vue指令(复习用)
总结一下vue的一些指令1.v-text: 把内容已文本形式展现,偏向于文本的2.v-html: v-text是把所有的都以文本的形式展现,而v-html能够解析里面的标签3.v-cloak: 这个指令是用来保持在元素上直到关联实例结束时进行编译(通常我们的数据都是以{{}}的形式渲染出来的,那么这样的渲染与v-html和v-text有什么区别呢?在网络不好的情况下,我们用{{}}的形式渲染会出现闪现{{}},再出现数据,所以将这个指令放在要渲染的标签的父元素上就可以,还要记得写样式di
2020-06-02 17:33:40
110
原创 数组里面出现了__ob__: Observer,拿不到里面的数据
在我们push数据进数组里面或者赋值一些动态数据到数组以后,当数组里面出现如例子:[Array(36), Array(14), ob: Observer],后面的__ob__: Observer以后,我们会获取不到该数组里面的值,它是不可枚举的,这时候我们需要用JSON.parse(JSON.stringify(该数组))重新生成一个可枚举数组.const data = { multiArray: this.multiArray, multiIndex: this.multiIndex}da
2020-05-26 16:15:08
13595
5
原创 Mpvue获取链接上的参数值
articleIds就是链接后面带的参数的名字(www.xxx.com?articleIds=1)this.$root.$mp.query.articleIds
2020-05-12 10:10:40
415
原创 小程序的动画效果
我用的是mpvue开发的小程序动画效果的代码如下:<div :animation="animationData" class="commodity_attr_box" v-if="showModalStatus"> <!--内容--></div>data(){ return (){ animationData:{} }},method...
2020-04-30 11:28:45
281
原创 微信小程序的video组件,更改播放按钮
小程序的video的按钮是白色的,当视频封面也是白色的时候会看不到播放按钮这里我用的是Mpvue来写的,换成原生的话,道理其实一样的代码如下:<video id="myvideo" object-fit="fill" class="myvideo video-js vjs-fluid" :src="videoinfo.play_urls....
2020-04-30 11:09:16
2834
原创 vue使用print.js插件完成打印功能
vue使用print.js插件完成打印功能print.jsconst Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print'...
2020-04-01 15:12:18
4411
原创 解决ios在微信环境中alert显示了URL的问题
##为了解决alert在ios版微信中显示url的问题,重写alert方法// 重写alert方法，alert()方法重写，不能传多余参数 window.alert = function (name) { var iframe = document.createElement('IFRAME') iframe.style.display =...
2020-03-17 17:46:16
398
原创 判断是否为微信环境
微信环境的判断// const ua = window.navigator.userAgent.toLowerCase() // if (ua.match(/MicroMessenger/i) && ua.match(/MicroMessenger/i)[0] === 'micromessenger') { // // console.log('微信登录')...
2020-03-17 17:26:38
1597
原创 vue项目实现微信分享自定义链接
安装依赖包npm install weixin-js-sdk引入import wx from 'weixin-js-sdk' // 引入微信sdk微信分享接口wxshare () { const link_urls = '*******' // 自定义分享的链接 const urls = location.href.split('#')[0] // 动态获取...
2020-01-20 16:31:29
2242
1
原创 微信授权成功后,如何拿到地址上的code参数的值
微信授权成功后,如何拿到地址上的code参数的值呢? 本人的是vue的项目,我们需要封装一个公用的JS,用来截取地址上参数值的函数.话不多说直接上代码了common.jsexport default { getUrlCode (name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '(...
2019-12-27 11:39:17
2439
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人