- 博客(29)
- 收藏
- 关注
原创 小程序canvas剪切圆形头像
onReady: function (e) { var context = wx.createCanvasContext('画布ID');//获取画布 context.save()//保存绘图上下文 context.arc(圆心X坐标, 圆心Y坐标, 圆的半径, 0, 2 * Math.PI)//绘制圆形 context.stroke()//这个一定要有,不然图片不剪切,我就是遇到了这个...
2019-12-10 10:43:02 600
原创 小程序画布生成海报,保存到本地
生成自己的专属海报保存本地后分享WXML<!-- 点击出现弹窗 --><view bindtap="formSubmit">分享二维码</view><!-- 分享海报 --> <view class='imagePathBox' hidden="{{maskHidden == false}}"> <vie...
2019-12-03 15:45:22 419
原创 一键复制插件——clipboard.js
项目遇到需一键复制的功能,在网上找到这个插件并运用,js地址:http://lbgs.kb-robot.com/webpage/js/clipboard.min.js复制span展示的内容,span内容为自动生成HTML<div>openID:<span id="openId"></span></div> <a id="copy" da...
2019-12-02 11:01:12 289
转载 微信浏览器自动关闭页面
setTimeout(function() { //这个可以关闭安卓系统的手机 document.addEventListener( "WeixinJSBridgeReady", function() { WeixinJSBridge.call("closeWindow"); }, false ); //这个可...
2019-11-29 16:51:41 523
原创 CSS3 rem单位运用
仅供自己保存查看1rem = 100pxfunction Rem() { var oHtmlElem = document.documentElement, nWinWid = oHtmlElem.clientWidth / 7.5; if (nWinWid > 100) nWinWid = 100; oHtmlElem.style.fontSize =...
2019-11-13 16:40:49 173
原创 小程序swiper高度自适应
WXML<swiper indicator-dots="true" autoplay="true" interval="3000" style='height:{{bannerHeight}}px'> <block wx:for="{{imgUrls}}" wx:key="key"> <swiper-item> ...
2019-11-08 08:53:51 200
转载 小程序checkbox全选
WXML<view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 </view> <view class="th">id</view> <view class="th"&g...
2019-10-21 17:19:41 662
原创 小程序遇到的问题:报错Setting data field "num" to undefined is invalid.
写view点击添加移除class样式时,遇到报错,时灵时不灵的。报错之前的写法由于是同一个选择又需分开展示,因此数据没有写在js里面。WXML<view class="border"> <view class="{{num == 1?'active':'act'}} conts" data-num="1" data-price="20" bindtap...
2019-10-08 11:00:01 2040
原创 jQuery点击显示隐藏带箭头
html<dl class="list" id="menu"> <dd> <a href="javascript:;" class="submenu">抗震支架零部件<i></i></a> <ul class="drop"> <li><a ...
2019-08-22 10:28:51 620
转载 判断href显示对应菜单高亮
HTML<div class="nav">2 <ul>3 <li><a href="index.html">首 页</a></li>4 <li><a href="b.htm
2019-07-05 16:32:54 166
转载 纯CSS实现垂直居中
在别处看的,保存一下。1.table-celldisplay: table-cell;vertical-align: middle; text-align: center; 2.flexdisplay: flex;justify-content:center;align-items:Center;3.绝对定位和负边距(明确宽度和高度)position: absol...
2019-06-25 14:17:13 126
转载 小程序picker自定义二级联动
项目中遇到只需要选择年月,找到一个三级联动的例子改的WXML<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"> ...
2019-06-05 10:59:55 7579
原创 小程序点击switch打开弹窗
做项目遇到选择这个功能需缴费,弹窗提醒后跳转缴费页面WXML<switch bindchange='modalTap' />JSmodalTap:function(e){ console.log(e.detail.value) if (e.detail.value == true){//判断switch是否为true wx.showModal({...
2019-06-05 10:38:58 783
原创 小程序view选中添加样式
做一个充值选择套餐的页面,没有用radio,直接用view做的效果,用radio传值比较方便。WXML<view class='cont'> <block wx:for="{{prices}}"> <view data-select="{{item.select}}" data-price='{{item.price}}' cl...
2019-06-05 10:34:21 3232 1
原创 小程序成倍加减效果
在项目开发过程中遇到,价格和数量需成10倍的增长,找到一个加减的效果自己改了改,加上了数量和成倍。WXML<view>¥{{money}}</view><view class='stepper'> <text class='{{minusStatus}}' bindtap='bindMinus'>-</text> ...
2019-06-05 10:21:14 251
原创 微信小程序tab选项卡(动态获取)
WXML<view> <scroll-view scroll-x="{{true}}" class="top-nav-container" scroll-left="{{scrollLeft}}"> <block wx:for="{{topNavs}}"> <view class="tab-item {{currentActive...
2019-05-20 11:49:09 3879 2
转载 通过URL对应栏目显示高亮
HTML部分<ul id="main-menu" class="main-menu"> <li> <a href="loginController.do?login">首页</a> </li> <li> <a href="loginC
2019-02-23 11:35:38 546
转载 JSP页面无操作3秒自动刷新
<script type="text/javascript"> var optAction = false; //定义判断条件false,if(!optAction)来判断 var autoTime; //定时器 var body = document.getElementsByTagName("body")[0]; ...
2019-02-23 11:26:26 788
转载 小程序之保存图片到相册
//获取相册授权wx.getSetting({success(res) {if (!res.authSetting[‘scope.writePhotosAlbum’]) {wx.authorize({scope:‘scope.writePhotosAlbum’,success() {console.log(‘授权成功’)}})}}})//此方法可以写在app.js中,也可...
2018-09-27 17:43:06 1325
转载 微信小程序图片点击放大
WXML<view class='imgList'> <view class='imgList-li' wx:for='{{imgArr}}'> <image class='img' src='{{item}}' data-index='{{index}}' bindtap='previewImg'></image>...
2018-09-13 15:06:33 8871 1
转载 小程序tab切换
做项目遇到了,在其他博主找到这个效果,仅供自己保存。 转自:[https://blog.csdn.net/liona_koukou/article/details/52860094] WXML<view> <view class="nav bc_white"> <view class="{{selected?'red':'default...
2018-09-06 17:10:53 350
转载 css设置文字上下居中
一行文字居中,两行或多行文字同样居中HTML<div class="book-detail-store-item align-center-vertical">居中文字</div>CSS.book-detail-store-item { width: 50px; height:50px; line-height: 25px; ...
2018-08-28 14:32:31 34419
转载 小程序显示隐藏切换
按钮控制点击显示隐藏WXML先自定义一个变量来控制容器里的内容显示隐藏,按钮文字也随着改变<view> <button bindtap="onChangeShowState">{{showView?'Click To Check IdleReason':'Click To Check MTStatus'}}</button> &l...
2018-08-21 16:38:36 5138 1
转载 小程序:同一页面多个单项选择
WXML&lt;view class="li" wx:for="{{objArray}}" wx:for-item="itm" wx:for-index="idx"&gt; {{itm.title}} &lt;picker bindchange="bindChange_se
2018-08-21 16:29:02 1583 1
转载 tab切换
HTML 切换内容一 切换内容二 切换内容三 这是一个简单的JQ切换效果,使用简单,而且可以重复使用。兼容IE6\IE7\IE8所有,以及firefox,chrome,Safari 在与清华大学校长陈吉宁就未来人才培养...
2018-08-16 11:11:04 269
转载 当有多个相同的DIV时,判断点击的是哪个
HTML&amp;amp;lt;div class=&amp;quot;node&amp;quot;&amp;amp;gt;点我试试&amp;amp;lt;/div&amp;amp;gt;&amp;amp;lt;div class=&amp;quot;node&amp;quot;&amp;amp;gt;点我试试&amp;amp;
2018-08-16 11:10:31 2690
转载 页面中可重复使用多个tab切换
写代码的时候在网上找到简单易用的效果,保存一下HTMLtab切换一<div id="lib_Tab1"> <div class="lib_Menubox "> <ul> <li id="one1" onclick="setTab('one',1,4)" class="
2018-08-16 11:09:41 2425
转载 点击显示隐藏
单个点击显示再点击隐藏,多个点击显示当前,隐藏其他HTML<div class="matBox"> <ul> <li class="inactive inforNav"> 首页<i></i>
2018-08-10 17:34:02 318
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人