09 2019 档案

微信小程序onReachBottom第二次失效
摘要：当整个页面就是一个view包着一个轮播、一个横向scroll-view和一个纵向scroll-view onReachBottom方法只执行一次 解决方法： 阅读全文
posted @ 2019-09-20 13:47 一个小小前端 阅读(3067) 评论(0) 推荐(0)
DatePicker 多时间粒度选择器组件
摘要：使用方法： 在.vue文件引入 文件下载地址：https://i.cnblogs.com/Files.aspx 阅读全文
posted @ 2019-09-17 17:47 一个小小前端 阅读(1013) 评论(0) 推荐(0)
css标题文字和下划线重叠
摘要：标题 .text { font-size: 36rpx; color: rgba(51, 51, 51, 1); position: relative; display: inline-block;} .textCon { position: relative; z-index: 999; } .borderText { ... 阅读全文
posted @ 2019-09-16 18:19 一个小小前端 阅读(1076) 评论(0) 推荐(0)
uni-app创建项目
摘要：创建uni-app 3.运行项目 两个路径都可以在浏览器打开 微信开发者工具预览 阅读全文
posted @ 2019-09-12 13:47 一个小小前端 阅读(3412) 评论(0) 推荐(0)
微信小程序左右滚动公告栏效果
摘要：<view class='notice-wrap' hidden='{{hideNotice}}'> <view class='tongzhitext'> <text class="tongzhi-text">{{notice}}</text> </view> <view bindtap='swit 阅读全文
posted @ 2019-09-12 11:48 一个小小前端 阅读(8728) 评论(0) 推荐(0)
微信小程序和H5之间相互跳转
摘要：1.微信小程序跳转小程序 wx.navigateToMiniProgram <script src='https://res.wx.qq.com/open/js/jweixin-1.3.0.js'></script> navigateToMiniProgram(mAppId) { wx.naviga 阅读全文
posted @ 2019-09-11 17:57 一个小小前端 阅读(22955) 评论(4) 推荐(1)
微信小程序进入广告实现
摘要：<view class="container"> <image src="../../imgs/swiper1.jpg"></image> <text bindtap="cliadv">跳过广告 {{miao}}</text> </view> .container{ width:100%; heig 阅读全文
posted @ 2019-09-11 17:48 一个小小前端 阅读(3445) 评论(0) 推荐(0)
微信小程序自定义头部导航栏
摘要：<!--index.wxml--> <view> <navbar id='index_header' background='{{background}}' pageName="{{pageName}}" showNav='false' showHome='false' flag='{{flag}} 阅读全文
posted @ 2019-09-09 10:38 一个小小前端 阅读(4092) 评论(0) 推荐(0)
微信小程序弹出层
摘要：1.消息提示 wx.showToast 注意 wx.showLoading 和 wx.showToast 同时只能显示一个 wx.showToast 应与 wx.hideToast 配对使用 阅读全文
posted @ 2019-09-06 23:35 一个小小前端 阅读(15476) 评论(0) 推荐(0)
微信小程序封装请求接口
摘要：var rootDocment = 'https://123.com';//你的域名 var rootDocment = 'https://123.com';//你的域名 function postData(url, data, cb) { wx.request({ wx.request({ url 阅读全文
posted @ 2019-09-06 23:15 一个小小前端 阅读(1802) 评论(0) 推荐(0)
微信小程序input框去除空格
摘要：//去除空格 <input type='text' data-name='account' value='{{account}}' name="account" bindinput='verification' bindblur='account'></input> verification: fu 阅读全文
posted @ 2019-09-06 22:56 一个小小前端 阅读(4464) 评论(0) 推荐(0)
微信小程序3D轮播图
摘要：<!-- 轮播图 --> <swiper previous-margin='50px' next-margin='50px' bindchange="swiperChange" style='height:{{swiperH}};'> <swiper-item wx:for='{{imgList}} 阅读全文
posted @ 2019-09-06 14:18 一个小小前端 阅读(3641) 评论(0) 推荐(0)
微信小程序左滑删除
摘要：<view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" wx:for="{{list}}" wx:key> <view class="content"> <view 阅读全文
posted @ 2019-09-06 13:43 一个小小前端 阅读(7524) 评论(2) 推荐(2)