自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 小程序计算俩坐标点之间的距离

wx.getLocation({ type: 'wgs84', //res.deviceinfo.lat res.deviceinfo.lng 需要进行对比的坐标点 success(loc) { var rad1 = res.deviceinfo.lat * Math.PI / 180.0; var rad2 = loc.latitude * Math.PI / 180.0; var a = rad.

2020-10-27 11:15:18 65

原创 最新手机号正则

最新手机号正则^1(3([0-35-9]\\d|4[1-8])|4[14-9]\\d|5([0125689]\\d|7[1-79])|66\\d|7[2-35-8]\\d|8\\d{2}|9[13589]\\d)\\d{7}$

2020-10-27 11:14:46 15

原创 cocos creator动态渲染图片

网络图片var self =thisvar headimg = res.userInfo.avatarUrl; cc.loader.load({ url: headimg, type: 'jpg' }, function(err, img) { self.avatarUrl.spriteFrame = new cc.Spr

2020-09-24 17:20:11 120 1

原创 cocos creator动态循环渲染出新精灵

for (let i = 0; i < 5; i++) { let node = new cc.Node(); const sprite = node.addComponent(cc.Sprite); if (i < 2) { cc.loader.loadRes('ui-heart', cc.SpriteFrame, fun...

2020-09-24 17:12:58 94

原创 小程序修改switch组件的大小

<switch style="zoom:0.7" color='#f3b055'></switch>用zoom的话可能与实际位置不符合,建议用scale缩放 <switch style="transform:scale(0.7)" color='#f3b055'></switch>

2020-05-15 14:41:01 127

原创 小程序实现计算器

实现模拟手机上的计算器,输入即可运算本页面是做一个计算收款的页面,如果不需要下面的内容可以删除掉wxml<view class="calculate-box"> <view class="calculate-txt">{{express}}</view> <view class="result-num">={{result}}<...

2020-05-04 15:26:22 560

原创 js实现在页面内可拖动div(悬浮按钮可拖动改变位置)

需求这次这个网页是要在手机端浏览的,那么对于返回上一页时不那么友好,于是得在不是首页的地方加上返回首页的悬浮按钮,点击即可返回首页,但在有的页面上这个按钮有时会挡住关键的数据信息,于是想把这个按钮做成悬浮的可以拖动的按钮,以便于看到你想看到的信息。思路在触摸开始的时候记录他的坐标,在触摸中记录与开始的差值代码如下window.onload = function() { v...

2020-04-29 15:37:07 864

原创 类似加入购物车的抛物线效果

抛物线动画因为临近过年,公司需要出一个年会抽奖的页面来,开奖号码,是需要一个抛物线的动画效果,上网查了一下发现了一个好用的js,jquery.fly.min.js,jquery.fly.min.js下载这个插件是需要依赖jquery库的,所以一起引入, // 抛物线 // var offset; //目标位置 var start...

2020-01-16 13:53:16 45

原创 图片无缝隙滚动

JS实现图片无缝滚动的完美解决 无间隙滚动innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth: 获取对象的滚动宽度of...

2019-11-28 17:06:59 61

原创 半圆形进度条(小程序)

近期在做一个读书类的小程序,这时需要作出一个半圆形的进度条,等级进度条,就想着用canvas来完成,在网上百度了一下,参阅了这这篇博客博客地址,在结合实际需求加以修改。这是ui的图片,一看就能知道这个需要自定义标题栏,然后这是一个长图,标题栏和下面的进度条的背景得分开来。上进度条的代码,wxml<view class="progress"> <canvas c...

2019-11-21 15:14:19 1310 4

原创 小程序自定义tabbar(类似闲鱼底部凸起)

先上效果图因为多处需要使用这个tabbar,所以我们决定把他封装成一个组件,希望可以帮到你哦~组件代码wxml<view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}" style="background-color:{{tabbar.backgroundColor}}"> <block wx:for="{...

2019-10-16 16:45:31 4677

原创 小程序可选多个标签写法

wxml<view class="obtn {{item.selected ? 'checked' : ''}}" wx:for="{{obtnArry}}" wx:key="unique" bindtap="checkedBtn" data-value="{{item.name}}" checked="{{item.selected}}" data-index="{{index}}"&g...

2019-09-19 14:29:05 1444

原创 小程序中wx.navigateBack返回传参数的问题

在小程序中经常会有页面的跳转需求,当你需要返回一个页面的时候,并且携带参数时。可以用wx.navigateBack进行返回var pages = getCurrentPages(); var currPage = pages[pages.length - 1]; //当前页面 var prevPage = pages[pages.length - 2]; //上一个...

2019-09-06 14:59:34 603

原创 微信小程序全国城市搜索(可进行城市中文拼音首字母搜索)

废话不多说直接上代码wxml<!--pages/setUpArea/setUpArea.wxml--><view class="content"> <view class="search"> <input placeholder="请输入城市中文名或拼音" placeholder-class="center" bindinput="bin...

2019-08-30 17:08:03 2127 3

原创 小程序中定位坐标转换成具体地址

在你需要定位的时间里面加上wx.getLocation({ type: 'wgs84', success (res) { const latitude = res.latitude const longitude = res.longitude const speed = res.speed const accuracy = res.accuracy }})小...

2019-08-27 11:32:56 406

原创 小程序获取表单input的输入值

1.写上一个form表单<form bindsubmit="formSubmit" bindreset="formReset"> <view class='input-content'> <view class='input-col'> <label>联系人:</label> <input t...

2019-08-27 11:07:25 1425

原创 小程序动态修改标题

首先在你的json文件里加标题*{ "navigationBarTitleText": "效果预览" }`在你需要修改本页标题的时候加上如下代码``在你需要修改标题的地方加上如下代码就OK啦wx.setNavigationBarTitle({ title: '我是你修改的标题呀' })...

2019-08-21 17:33:35 39

原创 取消a标签在移动端点击时的蓝色

a:active{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}

2019-08-20 10:15:30 750

原创 vuerouter实现底部导航栏动态切换图片

最近的整理最终效果上图顶部导航栏具体页面没做添加编写html* <a href="javascript:;" class="weui-tabbar__item " v-for="(i,index) in tabs" :key="index" :class="{active:index == thatnum}" @click="addClassName(index)"> ...

2019-08-19 17:30:50 974 1

原创 vue-cli项目的基础使用(监听dom事件,使用路由跳转)

vue中methods、mounted等使用方法整理created:html加载完成之前,执行。执行顺序:父组件-子组件mounted:html加载完成后执行。执行顺序:子组件-父组件methods:事件方法执行。watch:去监听一个值的变化,然后执行相对应的函数。computed:computed是计算属性,也就是依赖其它的属性计算所得出最后的值vue中路由的使用方法imp...

2019-08-19 10:32:36 72

原创 最近使用小程序的一点小笔记(修改radio自带样式,获取radio的value值)

改变小程序自带的radio的样式改变自定义的radio的大小lradio{ transform:scale(0.7); }获取radio改变时的value值<radio-group class="courier" bindchange="radioChange"> <radio value="wechat" checked="true" color="re...

2019-08-16 17:37:34 506

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除