2 liushuanglian

尚未进行身份认证

暂无相关简介

等级
TA的排名 36w+

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

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

2020-01-16 13:53:16

图片无缝隙滚动

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

2019-11-28 17:06:59

半圆形进度条(小程序)

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

2019-11-21 15:14:19

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

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

2019-10-16 16:33:54

小程序可选多个标签写法

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:27:14

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

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

2019-09-06 14:59:16

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

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

2019-08-30 17:08:03

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

在你需要定位的时间里面加上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

小程序获取表单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

小程序动态修改标题

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

2019-08-21 17:33:35

取消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

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

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

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

2019-08-19 10:32:36

最近使用小程序的一点小笔记(修改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
勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。