
微信小程序
微信小程序
kleinBlue.
当天空下坠一切变成克莱因蓝。
展开
-
微信小程序搜索功能
该样式和功能有时并不能满足开发者,本篇博客不使用该组件实现搜索功能效果图实现功能如下(1) 未找到商品时显示提示信息,找到商品时显示商品列表(2) 清空搜索框时显示搜索历史记录,历史记录可清除,点击历史记录赋值到搜索框.wxml代码<view class="top"> <view class="topsearch"> <view class="frame"> <input value="{{sho转载 2021-11-18 15:22:39 · 394 阅读 · 0 评论 -
微信小程序将秒转换为时,分,秒
var theTime = res.data.duration //时间戳(秒)var minute= 0; // 分var hour = 0;//小时if(theTime > 60){ minute= parseInt(theTime / 60); theTime = parseInt(theTime % 60); if(minute> 60){ hour = parseInt(minute/ 60); middle = parseInt(minute% 6.原创 2021-11-18 13:15:10 · 1538 阅读 · 0 评论 -
微信小程序 获取用户的昵称和头像
注意:如果只需要展示用户头像和昵称,不获取头像地址和昵称字符串的话。可以直接用<open-data /><open-data type="userAvatarUrl"></open-data><open-data type="userNickName"></open-data>下面说的都是需要获取头像地址和昵称字符串的方法方法一: wx.getUserInfowx.getUserInfo需要授权后才能得到数据在新版原创 2021-11-12 15:31:14 · 3065 阅读 · 0 评论 -
微信小程序分享和转发朋友圈功能
调用wx.showShareMenuapi在需要转发的页面的onLoad(onShow也可以)事件里加入如下代码:wx.showShareMenu({withShareTicket:true,menus:['shareAppMessage','shareTimeline']})加入后,点击小程序右上角的三个点“分享到朋友圈”按钮就可以使用了在开发工具里可以预览分享的效果小程序提交审核发布后,在朋友圈里的分享效果如下分享后的封面图是默认小程序的logo,标题.原创 2021-11-12 15:26:47 · 5601 阅读 · 0 评论 -
微信小程序 数组(增,删,改,查)
微信小程序 数组(增,删,改,查)最近在做一个小程序的demo里。由于不向后台请求数据,所以就涉及到本地数据的操作,本文以数据的增删改查为例 globalData:{ userInfo:null, notes:[ { 'title':'第一次笔记', 'detail':'这是笔记详情,仅限测试' }, { 'title':'第二次笔记', 'detail':'可原创 2021-09-20 11:07:17 · 3409 阅读 · 1 评论 -
微信小程序笔记
小程序APPID每个小程序的唯一标示每个账号只有一个APPID个人账号与企业账号的区别个人账号不能发布小程序企业账号能发布小程序注意:在公司开发时一定要用企业账号的APPID进行开发账号申请登陆后:小程序控制平台:管理:管理小程序管理开发成员统计:统计小程序的使用情况功能:官方提供的功能开发:开发工程中所需要的APPID所在地址推广:推广小程序文件结构app.js逻辑代码编写javascript代码文件app.json 小程序公共配置app.wxss 小程序公共样式表原创 2021-09-20 11:03:32 · 192 阅读 · 0 评论 -
微信小程序购物
链接地址下载:点击下载demo原创 2021-09-19 10:09:00 · 106 阅读 · 1 评论 -
微信小程序轮播图
view<!-- 轮播 --><view class="banner-box"> <view class="banner"> <view class='swipercontent'> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval='2000' indicator-color="white" indicator-active-co..原创 2021-09-18 11:50:45 · 131 阅读 · 1 评论 -
微信小程序答题功能
view<view class="topnav"> <image src="../../image/top.jpg"></image> <view class="back" bindtap="back"><image src="../../image/left.png"></image></view> <view class="sousuo"> 科普答题 </view>..原创 2021-09-18 11:41:48 · 2152 阅读 · 0 评论 -
微信小程序滚动条功能
viewjs data: { text: "这是一条农协动态,请您仔细阅读,若内容有所问题,请联系客服!", marqueePace: 1,//滚动速度 marqueeDistance: 0,//初始滚动距离 marquee_margin: 30, size:14, interval: 20 ,// 时间间隔 HomeIndex:0, }, onShow: function () { var that = this; var lengt..原创 2021-09-18 11:28:29 · 1543 阅读 · 0 评论 -
微信小程序自定义用户登录弹窗
view <button class="btn" bindtap="powerDrawer" data-statu="open">立即进入</button><!--mask:弹出框--><view class="drawer_screen" bindtap="powerDrawer" data-statu="close" wx:if="{{showModalStatus}}"></view><!--content-...原创 2021-09-18 10:53:20 · 1407 阅读 · 0 评论 -
微信小程序的上拉加载
data:{count:2,isFromSearch:true,//用于判断searchSongList数组是不是空数组,默认true,空的数组searchPageNum:2,//设置加载的第几次,默认是第一次callbackcount:2,//返回数据的个数}//上拉加载数fetchSearchList:function(){wx.showLoading({title:'加载中...原创 2021-09-17 10:36:18 · 475 阅读 · 1 评论 -
微信小程序接口封装
一、创建utils/api.jsconst host = 'http://……'/*** 封装微信的request* form: 'application/x-www-form-urlencoded'*/function request(url, data = {}, method = "GET", contentType = 'json') { return new Promise(function(resolve, reject) { wx.request({ ...原创 2021-09-17 14:47:54 · 113 阅读 · 1 评论