- 博客(39)
- 问答 (1)
- 收藏
- 关注
原创 微信小程序 自定义底部导航栏 custom-tab-bar
微信小程序中切换身份看到不同的导航栏可以用自定义的custom-tab-barcustom-tab-bar index.jsconst app = getApp();Component({ data: { selected: 0, color: "#7A7E83", selectedColor: "#3cc51f", list:[] }, attached() { this.setData({ list: app.global.
2021-07-01 09:38:17
1533
原创 element-ui的el-autocomplete不显示下拉框中的数据
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-05-18 10:12:29
1680
原创 微信小程序wx.getUserInfo不再弹出弹窗
2021年4月28日24时以后发布的新版本小程序,开发者通过组件调用wx.getUserInfo将不再弹出弹窗,直接返回匿名的用户个人信息,获取加密后的openID、unionID数据的能力不做调整;若开发者需要获取用户的个人信息(头像、昵称、性别与地区),可以通过wx.getUserProfile接口进行获取。具体参考公告:https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801...
2021-04-26 10:15:10
1155
原创 mpvueEcharts tab切换多个折线图真机上显示不正常
首先看一下你的初始化canvas图的方法放的位置一定要放在mounted里,不然你的图会没有宽高
2021-03-03 18:09:00
51
原创 微信小程序canvas保存海报真机不显示
在开发者工具上正常显示,但是在真机或者手机预览的时候不显示。解决方法首先把你的网络路径改成临时路径 wx.downloadFile({ url: that.data.bgImgPath,//网络路径 success: function (res) { //背景图 that.setData({ ...
2021-03-03 17:31:00
74
原创 mpvue 开发微信小程序搭建项目
首先 mpvue 是一款基于vue的框架,mpvue修改了Vue.js的 runtime和 compile实现,可以运行在小程序的环境中。 第一步:安装 vue-cli vue-cli是vue专用的项目脚手架工具(但是官方要求安装2.9的)npm install --global vue-cli@2.9 第二步:创建一个基于 mpvue-quickstart 模...
2020-09-01 14:13:00
33
原创 微信小程序弹出框滚动穿透问题
1.在你的遮罩层最外层加 catchtouchmove=“noneEnoughPeople” 里面是你的方法名2.noneEnoughPeople: function () { console.log('遮罩层禁止页面滑动') },
2020-07-07 11:07:51
976
3
原创 微信小程序获取当前日期年月日
var timestamp = Date.parse(new Date());var date = new Date(timestamp);//获取年var Y = date.getFullYear();//获取月var M = (date.getMonth() + 1 < 10 ? ‘0’ + (date.getMonth() + 1) : date.getMonth() + 1);//获取当日var D = date.getDate() < 10 ? ‘0’ + date.ge
2020-06-16 16:32:35
5583
原创 微信小程序折线图表折线图加区域图
1.先来个效果图这里我用的是插件@antv/f2-canvas(安装的方法如下)npm init 此处如果直接使用官方npm install 可能会出现没有node_modules错误npm install --production 建议使用–production选项,可以减少安装一些业务无关的 npm 包,从而减少整个小程序包的大小npm i @antv/f2-canvas 安装微信小程序 F2 图表组件安装好依赖包之后,运行 (点击开发者工具顶部详情,勾选 使用npm模块,
2020-06-12 13:59:40
1128
2
原创 微信小程序canvas保存海报真机不显示的坑
在开发者工具上正常显示,但是在真机或者手机预览的时候不显示。解决方法首先把你的网络路径改成临时路径wx.downloadFile({url: that.data.bgImgPath,//网络路径success: function (res) {//背景图that.setData({bgImgPath: res.tempFilePath})console.log(res.tempFilePath)console.log(‘开始绘制图片’)that.drawImage();//绘图的函数
2020-05-19 11:28:51
2148
1
原创 百度编辑器嵌套秀米编辑器遇到的问题
1、秀米编辑器上传的图片到百度编辑器里会被放大很多倍解决方法找到这个文件/*可以在这里添加你自己的css*/ img { max-width: 100%; } body { overflow-y: scroll !important; } .view { word-break: break-all; } .vot...
2020-03-05 11:51:03
1125
1
原创 微信小程序自定义头部胶囊导航栏
引入自定义头部文件效果展示在app.js文件的 onshow 里加// 自定义导航栏let menuButtonObject = wx.getMenuButtonBoundingClientRect();wx.getSystemInfo({success: res => {let statusBarHeight = res.statusBarHeight,...
2020-03-05 11:37:26
1135
1
原创 微信小程序和H5之间相互跳转
1.微信小程序跳转小程序 wx.navigateToMiniProgramnavigateToMiniProgram(mAppId){ wx.navigateToMiniProgram({ appId: mAppId, path: ‘page/index/index?id=123’, extraData: { foo: ‘bar’ }, ...
2020-03-03 10:51:38
2931
原创 h5返回上一页ios页面不刷新
var isPage=false;window.addEventListener('pageshow', function () { if (isPage) { window.location.reload(); }});window.addEventListener('pagehide', function () {isPage =true...
2019-11-06 18:07:00
38
原创 微信小程序去除页面滚动条
::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none;} 父级元素(滚动的元素)width:100%;overflow-x: hidden;overflow-y: auto;
2019-11-06 17:57:00
37
原创 jq日期与时间戳互相转换
方法1:$.extend({ myTime: { CurTime: function () { return Date.parse(new Date()) / 1000; }, DateToUni...
2019-11-04 17:13:00
116
原创 移动端底部弹框选择日期
<input readonly class="form-control" type="text" id="date-group1-4" placeholder="请选择">new Jdate({ el: '#date-group1-4', format: 'YYYY-MM-DD hh:mm', ...
2019-11-01 10:35:00
39
原创 微信小程序根据生日获取年龄
// 根据出生日期计算年龄周岁function getAge(strBirthday) { var returnAge = ''; var mouthAge = ''; var strBirthdayArr = strBirthday.split("-"); var birthYear = strBirthdayArr[0]; var birthMonth = strBi...
2019-10-29 15:12:00
113
原创 微信小程序点击按钮将图片保存到手机
SaveCard: function(e) { let that = this; console.log('保存'); var imgSrc = e.currentTarget.dataset.img; //获取相册授权 wx.getSetting({ success(res) { if (!res.authSetting[...
2019-10-23 10:00:00
29
原创 js一周时间表
<div class="datetext"> <img class="dateLeft" src="./images/dateLeft.png"> <div><span class="startDate">2019-07-08</span> 至 <span cl...
2019-10-22 14:27:00
35
原创 iPhone去除input默认样式
/*<!---->去掉苹果短的样式*/ input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -w...
2019-10-22 14:23:00
37
原创 css 超过一行省略号
//超过一行省略号overflow: hidden;white-space: nowrap;text-overflow: ellipsis;//超过两行省略号overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box...
2019-10-17 18:01:00
20
原创 微信小程序一周时间表
<view class="dateView"> <image class="dateLeft" bindtap="prevWeek" src="../../res/imgs/dateLeft.png"></image> <view>{{dateStart}} 至 {{dateEnd}}</view>...
2019-10-16 18:26:00
49
原创 微信小程序日期转时间戳
let date = '2019-10-14';var repTime = date.replace(/-/g, '/');var timeTamp = Date.parse(repTime) / 1000;ios不支持‘-’,所以要先转为‘/’格式的日期
2019-10-14 18:21:00
36
原创 微信小程序日期时间选择器(精确到秒)
<picker mode="multiSelector" value="{{dateTime1}}" bindchange="changeDateTime1" bindcolumnchange="changeDateTimeColumn1" range="{{dateTimeArray1}}"> <view class="text"> {{da...
2019-10-12 16:49:00
53
原创 ajax请求添加自定义header参数
beforeSend: function (XMLHttpRequest) { XMLHttpRequest.setRequestHeader("X-Auth0-Token", getToken("token")); },
2019-10-11 14:02:00
37
原创 js 前端MD5加密
1.引入<script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script>2.使用md5(password)
2019-10-09 16:31:00
22
原创 微信小程序onReachBottom第二次失效
当整个页面就是一个view包着一个轮播、一个横向scroll-view和一个纵向scroll-viewonReachBottom方法只执行一次解决方法:
2019-09-20 13:47:00
113
原创 DatePicker 多时间粒度选择器组件
使用方法: 在.vue文件引入import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue';export default { components: {ruiDatePicker}}在template中使用组件<ruiDatePicker fields=...
2019-09-17 17:47:00
35
原创 css标题文字和下划线重叠
<view class="text"> <text class="textCon">标题</text> <text class="borderText"></text> </view>.text { font-size: 36rpx; color: rgba(51, 51...
2019-09-16 18:19:00
51
原创 uni-app创建项目
下载 HBuilderX 下载地址(https://www.dcloud.io/hbuilderx.html)HBuilderX是通用的前端开发工具,但为uni-app做了特别强化。创建uni-app 3.运行项目 两个路径都可以在浏览器打开 ...
2019-09-12 13:47:00
22
原创 微信小程序左右滚动公告栏效果
<view class='notice-wrap' hidden='{{hideNotice}}'> <view class='tongzhitext'> <text class="tongzhi-text">{{notice}}</text> </view> <view bindtap='switchNo...
2019-09-12 11:48:00
78
原创 微信小程序进入广告实现
<view class="container"> <image src="../../imgs/swiper1.jpg"></image> <text bindtap="cliadv">跳过广告 {{miao}}</text></view>.container{ width:100%; ...
2019-09-11 17:48:00
25
原创 微信小程序自定义头部导航栏
<!--index.wxml--><view> <navbar id='index_header' background='{{background}}' pageName="{{pageName}}" showNav='false' showHome='false' flag='{{flag}}' userimg='{{userimg}}'>&l...
2019-09-09 10:38:00
28
原创 微信小程序弹出层
1.消息提示 wx.showToastwx.showToast({ title: '成功', icon: 'success', duration: 2000})2.模态弹窗 wx.showModalwx.showModal({ title: '提示', content: '这是一个模态弹窗', success (res) { if (res.con...
2019-09-06 23:35:00
31
原创 微信小程序封装请求接口
var rootDocment = 'https://123.com';//你的域名function postData(url, data, cb) {wx.request({ url: rootDocment + url, data: data, method: 'post', success: function (res) { ...
2019-09-06 23:15:00
18
原创 微信小程序input框去除空格
//去除空格 <input type='text' data-name='account' value='{{account}}' name="account" bindinput='verification' bindblur='account'></input>verification: function (e) { var name = e.currentT...
2019-09-06 22:56:00
25
原创 微信小程序3D轮播图
<!-- 轮播图 --><swiper previous-margin='50px' next-margin='50px' bindchange="swiperChange" style='height:{{swiperH}};'> <swiper-item wx:for='{{imgList}}' wx:key=''> <image ...
2019-09-06 14:18:00
26
原创 微信小程序左滑删除
<view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" wx:for="{{list}}" wx:key> <view class="content"> <view style="{{item.txtStyle}}...
2019-09-06 13:43:00
30
空空如也
在北京的第七年了 想去杭州,想了解一下杭州的互联网工作怎么样 来自一个小前端
2021-07-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人