微信小程序开发时有时会需要从wx:for遍历的元素中选取最后一个来进行相关操作,以下方法以隐藏最后一个元素为例 index==list.length-1 通过获取列表的总长度减一来得到最后一个元素是最普遍的方法 <block wx:for="{{time}}" wx:key="item" data-index="{{index}}"> <view class="bottomLine" hidden='{{in

首先,咱们看一下微信小程序动画怎么实现,我首先想到的是anime.js,但是引入之后用不了,微信小程序内的css也无法做到循环的动态,我就去找官方文档看看有没有相应的方法,哎,还真有 点击这里查看 微信官方文档 简化一下哈:就是这样的 先在js的data里面定义一个动画的值 data: {     animationData: {},   }, 我这边做的是一个箭头图片的旋转 所以wxml里面得元素是这样的 <image animation="{{animationData}}"

今天根据网上的教程搭建了微信小程序的环境,然后看文档做了一个简单的小应用. 项目的目录是这个样子的: app.js.app.json.app.wxss是全局文件,必不可少的文件.定义在app.wxss中的样式为全局样式,作用于每一个页面.在page的wxss文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖app.wxss中相同的选择器. app.js文件代码: App({ onLaunch: function () { console.log('小程序已启动') }, onShow: f

微信小程序中不能直接操作window对象,document文档,跟html的树结构不相同. 实现类似导航的隐藏显示,如图效果: 点击网络显示或隐藏网络中包含的内容.其他类似. 如果是jquery很方便实现,能直接操作document.在微信小程序中实现思路是:在逻辑层定义变量,通过setData赋值. 方法一:通过变量直接赋值,给每一个要控制显示的view定义变量 .wxml 代码: <!--index.wxml--> <view class="navView" bi

前言 微信小程序年前的跳一跳确实是火了一把,然后呢一直没有时间去实践项目,一直想搞但是工作上不需要所以,嗯嗯嗯嗯嗯emmmmm..... 需求 小程序语音识别,全景图片观看,登录授权,获取个人基本信息 一:基础框架 官方开发文档:https://developers.weixin.qq.com/miniprogram/dev/ (其实官方文档写的很清楚了) 跟着官方文档一步一步来,新建一个小程序项目就好 然后呢,毕竟默认的只是基本骨架,肌肉线条还是要自己填的  app.json 是当前小程序的全

一.Taro简介 1.名字由来 Taro['tɑ:roʊ],泰罗·奥特曼,宇宙警备队总教官,实力最强的奥特曼. 2.taro是什么 Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用. 3.官方文档 https://taro-docs.jd.com/taro/docs/README/index.html 二.安装 1.node版本 node版本需要>=12.0.0(可以命令行输入 node

1,书写,正确书写时tabBar,不要写成tabbar!!! 2,当创建新工程时,app.json中Pages配置是这样的 ,,[图1], 注意:微信小程序里面的json文件时不能注释的,图中只是给读者看一下该放在哪里而已,,,,不能注释!!! 3,在一些json文件中,如果是你没有写上的,就必须加上 {} 花括号. 4,在BarTab中的List属性,里面的index首页配置,一定要放置在第一项,第一项,重要.[图2] 这里的是官方文档: https://mp.weixin.qq.com/de

wx.navigateToMiniProgram({ appId: 'xxxxxxxxxxxxxxxxxx', // 要跳转的小程序的appid path: 'page/index/index', // 跳转的目标页面 extarData: { open: 'auth' }, success(res) { // 打开成功 } }) 注意:从小程序A内跳转到小程序B内有一个前提条件:A和B必须被同一个公众号关联

简单来说分两步走: 1.配置项目根目录的 app.json 文件中的 navigateToMiniProgramAppIdList { "pages": [ "pages/index/index" ], "navigateToMiniProgramAppIdList": [ "小程序APYID" ] } 2.在项目对应的 wxml 中使用 navigator 标签进行配置 <navigator class="&

类似语音,因为都在一个数据内,所以点击第一个,所有的语音都变化,解决方法就是 把整个数据都获取下来,然后更改其中一个需要更改的值,然后再把整个数据都setdata回去,如果需要动画的话,wxml里面放两个组件,一个默认,点击时候隐藏,把另一个显示出来. 例如点击第一个语音,想要播放http://voluntarybanktestapi.wxstar.cn/ResourceTemp…dio/20191011/16bc997be2114b95800ce85d3fb029bb.mp3, 数据 ques

如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 <input/> 中的输入内容,<switch/> 的选中状态),需要使用 wx:key 来指定列表中项目的唯一的标识符. wx:key 的值以两种形式提供 字符串,代表在 for 循环的 array 中 item 的某个 property,该 property 的值需要是列表中唯一的字符串或数字,且不能动态改变. 保留关键字 *this 代表在 for 循环中的 item 本身

首先先看一下pages的目录结构吧. 我创建了一个topics页面.3个文件全创建好了之后 我往topics.js添加数据 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 /* ---topics.js----*/   Page({   data:{       topics: [       {title:"初始angular"},       {title:"初始ionic"},       {title:"初始we

首先先看一下pages的目录结构吧. 我创建了一个topics页面.3个文件全创建好了之后 我往topics.js添加数据 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 /* ---topics.js----*/   Page({   data:{       topics: [       {title:"初始angular"},       {title:"初始ionic"},       {title:"初始we

wxml结构(删除部分代码): <view class="chapter-item" wx:for="{{klgData}}" data-index="{{index}}" bind:touchstart="touchS" bind:touchmove="touchM" bind:touchend="touchE" wx:key="item.id"><

目标:做个横向导航,可以横向滚动. 思路:使用scroll-view组件,可实现横向滚动功能.scroll-view内包含一个动态的view列表,代表导航的每一项,导航要接收动态数组,然后使用列表展示.使用模板技术做到可复用. 按照思路,先要做个template. 新建一个wxml文件:navbar.wxml <template name="navbar"> <scroll-view class='navbar' scroll-x="true" s

1.list中的第一个tab的地址必须定义在pages 中 2.pagePath的地址一定要正确 正确写法是: "tabBar": { "color": "#99999", //tab 上的文字默认颜色 "selectedColor": "#1c8df5", //tab 上的文字选中时的颜色 "borderStyle": "white", //tabbar上边框的颜色

修改wxParse/html2json.js 文件 ,在 html2json(html, bindName) 方法里 var node = { node: 'element', tag: tag, }; 这里使用 node.tag 能够获取标签类型,比如: img.embed.video 这里我的系统后台编辑器使用的是ckeditor 上传视频.生成的便签是:embed 所以加上判断: if (node.tag =="embed"){ var embUrl = node.attr.sr

前言 在使用UEditor编辑器时,一般我们都是需要修改默认的图片上传路径的,下面是我整理好的修改位置和方法供大家参考. 操作 Ueditor PHP版本本身自带了一套上传程序,我们可以在此基础中,找到配置文件修改它.配置文件位置: ueditor/php/config.json "imageUrlPrefix": "", /* 图片访问路径前缀 */ 

/*单行*/ .work_font{ display:block /*这里设置inline-block或者block:根据使用情况来定(行内元素需要加这个,块级元素和行内块级可以不用)*/ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /*多行*/ .work_font{ text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-lin

app.json中pages的第一项必须在tabBar中,且这一项需要在pages的list中(与顺序无关)否则无法显示tabBar app.json中pages数组中第一项(首页),必须在tabBar---list数组中出现,list中第几个无所谓:但如果首页不在list里面,当然无法渲染出来,这就可以理解app.json是首次页面配置了--u010313644在评论中所言

wxml <view class='textarea-count'> <textarea placeholder='请输入文字' bindinput="getWords" maxlength='{{maxTextLen}}'></textarea> <view class='text-count-display f f-end'>{{textLen}}/{{maxTextLen}}</view> </view> w