微信小程序 - 随笔分类(第2页) - z_xun

上拉滚动加载分页数据（阻止页面当前页小于等于总页数才加载数据） scroll-view 的自带滚动触底事件bindscrolltolower="getnextgoods"

摘要：样式wxml  <view class='category_list'>  <view class='r_first_category' style="width:160rpx"> <scroll-view scroll-y style='h 阅读全文

posted @ 2020-03-15 11:24 z_xun

wx.parse解析富文本html转wxml

摘要：<import src="/common/wxParse/wxParse.wxml" /> wxml文件这里引入 <view class="author_img"> <image class="" src="{{ArticleDetail.article_picture}}" lazy-load= 阅读全文

posted @ 2020-03-11 20:13 z_xun

onShareAppMessage小程序分享携带参数

摘要：/** * 用户点击右上角分享 */ onShareAppMessage: function(res) { if (res.from 'button') { // 来自页面内转发按钮 } return { title: "这个小程序真好", path: 'pages/start/start?comm 阅读全文

posted @ 2020-03-10 17:42 z_xun

监听用户下拉动作刷新onPullDownRefresh

摘要：/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { // wx.showLoading({ // title: '刷新中', // }) // this.data.page = 0 // this.setData({ // p 阅读全文

posted @ 2020-03-09 15:29 z_xun

页面栈getCurrentPages()=》通过获取（页面栈传递参数触发上一个页面的函数修改数据）==> //通过索引改变数据 ==》点赞逻辑

摘要：var pages = getCurrentPages(); //获取页面栈 if (pages.length > 1) { //必须有两层以上页面栈 var prePage = pages[pages.length - 2];// pages[pages.length - 2];上一层 pages 阅读全文

posted @ 2020-03-09 14:28 z_xun 阅读(986) 评论(0) 推荐(0)

保存图片到本地（分享海报功能）

摘要： <view class="hb_content" wx:if="{{showPop}}"> <view class="img_con"> <image src="{{poster_img}}"></image> </view> <button bindtap="saveP 阅读全文

posted @ 2020-03-06 17:22 z_xun 阅读(576) 评论(0) 推荐(0)

点赞功能（手动更新当前项无状态刷新页面） ==》点赞的时候手动拼接

摘要：<block wx:if="{{item.tags==0}}"> <image class="vote_s" data-num="1" data-id="{{item.id}}" data-index="{{index}}" catchtap="getTagsArticle" src="../../ 阅读全文

posted @ 2020-03-06 11:03 z_xun

登录onlogin

摘要：/** * 登录 */ export function onlogin() { let _this = this; return new Promise((resolve, reject) => { let header = { 'Content-Type': 'application/json; 阅读全文

posted @ 2020-03-02 17:39 z_xun

微信小程序回到顶部的两种方式

摘要：一,使用view形式的回到顶部 HTML： <image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image> 1 CSS： /* 返回顶部 */ .goTop{ 阅读全文

posted @ 2020-03-02 14:04 z_xun

省市区选择器的做法

摘要：这里是界面 <view class='value'> <text class='area_text' bindtap='areaOnShow'>{{areaText}}</text> // 点击是为了打开下面省市区组件的弹出框 </view> // 省市区组件弹出框<van-popup show=" 阅读全文

posted @ 2020-02-28 10:08 z_xun 阅读(1340) 评论(0) 推荐(0)

小程序把按钮做成图片（运用到了分享功能）

摘要：因为小程序中分享share 必须使用button 所以需要把button做成图片 <button class="sharebtn" plain='true' open-type="share"> <image class="shareimage" src="../../../images/shar 阅读全文

posted @ 2020-02-26 15:23 z_xun 阅读(1430) 评论(0) 推荐(0)

插槽的使用

摘要：// 这是一个组件 <view class="custom-class van-card {{ centered ? 'van-card--center' : '' }}"> <view class="van-card__thumb" bind:tap="onClickThumb"> <image 阅读全文

posted @ 2020-02-12 10:12 z_xun 阅读(621) 评论(0) 推荐(0)

scroll-view小程序侧边栏（点击加载右侧商品）

摘要：结构  <view class='category_list'>  <view class='r_first_category' style="width:160rpx"> <scroll-view lower-threshold='8' b 阅读全文

posted @ 2020-01-07 16:17 z_xun 阅读(634) 评论(0) 推荐(0)

小程序input搜索框的做法带清除按钮（有效避开事件穿透）

摘要：// 使用这个结构<view class='headerd'> <view class='order_search'> <view class='search_box'> <icon type='search' size='16'></icon> <van-icon name="clear" col 阅读全文

posted @ 2020-01-06 15:41 z_xun 阅读(2802) 评论(0) 推荐(0)

小程序5种页面间的跳转.wx.navigateTo(Object object)wx.redirectTo(Object object)

摘要：微信小程序页面跳转有5种方式 1.wx.navigateTo(Object object) 2.wx.redirectTo(Object object) 3.wx.switchTab(Object object) 4.wx.navigateBack(Object object) 5.wx.reLau 阅读全文

posted @ 2020-01-06 09:56 z_xun 阅读(1275) 评论(0) 推荐(0)

微信小程序阻止点击事件冒泡行为

摘要：将事件的 bind 改成 catch bind 是阻止不了冒泡的，catch 可以阻止事件的冒泡行为例如 bindtap 改成 catchtap 阅读全文

posted @ 2020-01-03 11:38 z_xun 阅读(12918) 评论(0) 推荐(2)

节流阀只允许一次请求（避免重复点击）

摘要：data: { //定一个状态无论什么请求在数据回来之前只允许请求一次 0：请求之前 1：请求结束 apiOnce: 1, } methods:{ //点击加载更多数据 moreData() { //一进来默认阻止只允许请求一次 if (this.data.apiOnce == 0) { re 阅读全文

posted @ 2020-01-02 17:39 z_xun

微信小程序之表单验证rule

摘要：表单验证是javascript中的高级选项之一。JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 [1] 。被 JavaScript 验证的这些典型的表单数据有：用户是否已填写表单中的必填项目？用户输入的邮件地址是否合法？用户是否已输入合法的日期？阅读全文

posted @ 2020-01-02 11:06 z_xun 阅读(10987) 评论(0) 推荐(1)

小程序调用自定义组件里的方法(this.selectComponent(#id))

摘要：假如我们已经有了一个自定义组件toast 组件里面有个方法控制toast的显示假如我要在登录界面引用toast，那如何调用自定义组件的方法控制toast显示？ 1.首先在登录的json页面引用组件 2.在登录的wxml页面引用组件（一定要设置id） 3.在登录页的js页面的生命周期中获取组件（图中阅读全文

posted @ 2020-01-02 11:04 z_xun 阅读(10237) 评论(0) 推荐(0)

WX获取地理位置列表接口示例

摘要：// 获取当前位置的经纬度 getUserLocation: function () { const that = this; wx.getLocation({ type: 'gcj02', success: function (res) { console.log(res) //纬度，范围为 -9 阅读全文

posted @ 2020-01-02 10:59 z_xun 阅读(300) 评论(0) 推荐(0)

随笔分类 - 微信小程序

公告