![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 71
小仙女de成长
啊麻利麻利哄
展开
-
小程序上下滚动公告实现
<!-- 上下滚动开始 --><!-- <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000"> <block wx:for="{{msgList}}" wx:key="msgList"> <navigator url="/pages/index/index?title={{item.id}}.转载 2020-12-23 20:15:50 · 581 阅读 · 0 评论 -
小程序动画效果 -- 自下往上弹起
<button bindtap="toggle">点击此处升起</button><view class="upContent {{ show ? 'show' : '' }}"> <view class="upContent_mask" bindtap="toggle" /> <view class="upContent_container"> <view>此处填写你的内容</view> <...转载 2020-12-22 20:50:13 · 564 阅读 · 0 评论 -
微信小程序——获取绑定事件元素的ID
小程序list数据带值跳转,一般直接通过设置item的id来标识或者通过设置键值data-xxxx的方式标识。如下图所示解析出来的结果如下图:我们看到它在元素上绑定了一个checkSchoolLogin事件,触发这个事件时需要获取该元素的id值,我们如何获取呢?先不急着知道方法,我们先用下面的方法看它点击的时候返回了一些什么数据:如下图所示,点击之后发现e里面带有这些属性,我们可以看到 currentTarget下面有个id, dataset下面也有个id,这不正是我们需要获取.转载 2020-12-21 21:13:07 · 935 阅读 · 0 评论 -
wx小程序-picker自定义性别
register.wxml <view class="form-item list-msg"> <text class="item_name">性别</text> <picker bindchange="pickSex" value="{{ gender }}" class="sex" range="{{ columns }}"> <view>转载 2020-12-20 18:15:52 · 2556 阅读 · 0 评论 -
微信小程序悬浮可拖动客服组件
写了一个微信小程序里面的悬浮可拖动的客服组件,下次可以直接使用了。movable-area 和movable-view 用法参考微信官方手册:https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.htmlkefu.jsComponent({properties: {},data: {x: 250,//定位X轴位置y: 250//定位Y轴位置},pageLifetimes: {show: functi转载 2020-12-19 20:50:20 · 1382 阅读 · 2 评论 -
微信小程序编写物流信息进度样式
logistics.wxml<!--pages/logistics/logistics.wxml--><view class="logistics-container"> <view class="order-info-box"> <view class="order-info-box-item">订单编号:{{orderInfo.orderNo}}</view> <view class="order-info-bo.转载 2020-12-19 18:56:01 · 544 阅读 · 2 评论 -
微信小程序之tab切换效果
.wxml代码:<view class="body"> <view class="nav bc_white"> <view class="{{selected?'red':'default'}}" bindtap="selected">系统提醒</view> <view class="{{selected1?'red':'default'}}" bindtap="selected1">优惠活动</view> .转载 2020-12-19 13:35:45 · 176 阅读 · 2 评论 -
微信小程序 实现简单弹出层
示例代码.wxml:<view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view> <view class="modalDlg" wx:if="{{showModal}}"> <image src="/figures/logo-smile.png"/> <text>欢迎来到模态对话框~</text>转载 2020-12-18 20:03:30 · 750 阅读 · 2 评论 -
【微信小程序】——wxss引用外部CSS文件及iconfont,图文教程
小程序引入外部文件的方式是:@import “/.wxss”;小程序的wxss文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64,然后引用。。下载到本地并解压ttf文件,到链接https://transfonter.org/,对文件进行转换。转换完成,下载到本地后,打开转换的文件,将代码引用到wxss中,并定义class类名,再将定义好的文件,在app.wxss中引用,便可以全局使用该文件样式...转载 2020-12-18 08:50:51 · 1118 阅读 · 0 评论 -
小程序轮播
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="true"> <block wx:for="{{arr}}"> <swiper-item> <image src="{{item}}...转载 2020-12-17 21:39:47 · 149 阅读 · 0 评论 -
wx:key=“{{item.id}}“ does not look like a valid key name (did you mean wx:key=“id“
报错<view wx:for="{{list}}" wx:key="{{item.id}}"></view>改成这样:<view wx:for="{{list}}" wx:key="id"></view>原创 2020-12-17 20:46:22 · 2023 阅读 · 2 评论 -
微信小程序遇到margin-top无效的解决方法
如果你的代码格式类似这样<view class="v1"> <view class="v2"> </view></view>那么解决的方法就是wxss文件中添加.v1{ overflow: hidden;}转载 2020-12-17 19:23:37 · 1288 阅读 · 0 评论 -
小程序之引用公用样式
直接在wxss里面@import就可以了@import "common.wxss"原创 2020-12-17 19:03:06 · 656 阅读 · 0 评论 -
微信小程序在app.js里面设置全局变量供其他页面使用
第一步、在app.js里面 找到globalData,在这个全局变量里面设置一个变量url,给它赋值其他页面怎么引用这个全局变量呢?getApp().globalData.url就可以了转载 2020-12-17 14:42:46 · 2694 阅读 · 0 评论 -
小程序开发获取token值
// 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId // console.log(res) if (res.code) { //发起网络请求 wx.request({ url: 'url', method: 'POST', .转载 2020-12-17 13:55:53 · 312 阅读 · 0 评论 -
小程序ajax网络请求类封装携带token
代码utils/request.js 请求类token存在globalData中,默认携带,服务端判断错误时可以登录更新/** * * 网络请求相关操作 * statusCode为401时跳转到重新登录更新token */ //接口地址var _api = 'http://www.aaa.com/'; functioncurl(url, data, success, fail, method){ var token = getApp().globalDat转载 2020-12-17 13:38:29 · 297 阅读 · 2 评论 -
小程序文件结构
小程序包含一个描述整体程序的app和多个描述各自页面的page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:配置我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。以下是一个包含了所有配置选项的简单配置app.json:{ "pages":[ "pages/index/index" ], "window":{ "backgroundTextStyle": "light.转载 2020-12-16 11:36:42 · 402 阅读 · 0 评论 -
反编译获取任何微信小程序源码
这边文章被我精简,若看全部请前往该作者博客。原文链接:https://blog.csdn.net/qq_37936542/article/details/81003211之前因为开发笔记本突然出了毛病,导致小程序的源代码全部丢失了,参照网上大神的博客,反编译wxapkg文件,生成小程序源码,这些原创的作者是真的强。参考文章一:https://juejin.im/post/5b0e431...转载 2019-11-20 15:57:03 · 1315 阅读 · 3 评论 -
小程序
一直听说很简单,从来没学过。 嗯,我比较喜欢干货,直接用到的pages文件夹是直接放页面的 恩,目录结构就是这样的,只要你新建一个模块,就会有对应的一个文件夹出来,里面有对应的4个文件切换:&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;navigator url=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;../news.news&amp;amp原创 2018-08-30 12:07:48 · 932 阅读 · 0 评论