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

最近在做小程序,已经设置了宽高,placeholder没有超出input宽度,却被挡住了一部分,上代码看一下: wxml: <view class='container'> <input class='phone' placeholder='请输入手机号' placeholder-class='placeholder'></input> <view class='code_container'> <input class='code' placehol

微信小程序通过background-image设置背景:只支持线上图片和base64图片,不支持本地图片:base64图片设置步骤如下: 1.在网站http://imgbase64.duoshitong.com/上将图片转成base64格式的文本 2.在WXSS中使用以上文本:background-image: url("data:image/png;base64,iVBORw0KGgo=..."); 3.为了是背景图片自适应宽高,可以做如下设置: background-repeat:

微信小程序通过background-image设置背景:只支持线上图片和base64图片,不支持本地图片:base64图片设置步骤如下:1.在网站http://imgbase64.duoshitong.com/上将图片转成base64格式的文本 2.在WXSS中使用以上文本:background-image: url("data:image/png;base64,iVBORw0KGgo=..."); 3.为了是背景图片自适应宽高,可以做如下设置: background-repeat:n

小程序中一般很少大段落的文字,基本是4.5个字的主题.一行标题.一行摘要.两行描述.显示时超出部分用省略号代替.下面结合工具使用介绍一下文字排版的方法.先看效果图.  工具中属性设置如下图:两行文字属性,限制行数=2,表示最多两行,超出部分用省略号代替. 不限制行数属性中限制行数=0,表示在小程序中根据文字内容自动拉伸. 一行文字属性中限制行数=1,表示文字只显示一行,超出部分省略号代替. 以上文字是显示在view中的,自动生成的wxml如下: <view class="WViewColu

Md2All 一个Markdown在线转换工具 网址:http://md.aclickall.com 微信公众号:颜家大少本文所用排版工具:http://md.aclickall.com 支持通用的Markdown语法,并对html,css样式有很好的支持(请看后面示例的高级使用部分) 对微信公众号做了特别的优化:解决把内容粘贴到公众号时,图片.或样式丢失的问题;解决代码块换行不正确,特别是iPone.iPad上不会滚动的问题. 对代码块的显示专门做了优化,几十种超酷的代码风格任你选择 支持 "

>微信小程序的布局css样式 参考自  珺L 文字 width: fit-content;font-size:20px;      /*设置文字字号*/color:red;           /*设置文字颜色*/font-weight:bold;    /*设置字体加粗*/border:1px solid red;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/ font-family:"宋体";   /*设置字体为宋体*/ ----------------------

今年 5 月份的时候,微信宣布:「为了更好的针对群场景提供个性化服务,当用户在群聊中点击小程序分享卡片时,小程序支持开发者获取群 ID 和群名称」.但随后没多久,发现小程序只返回了群 ID,并没有给我们群名.现在,终于有方法可以显示群名称啦! 前言 直到现在,网上还可以看到很多「开发者可以获取群名称」这样的新闻.在微信刚宣布的时候确实同时返回了群ID 和 群名称,但随后就只能获取到群 ID 了.估计会有很多开发者跟我一样被文章误导了,还以为是自己代码有问题. 至于微信为什么这么做,官方也作出了解

最近在开发小程序时,发现一个有趣的现象.input里面设置了placeholder,随后当输入框获取焦点时,文字会出现一瞬间的抖动,随后正常. 猜想可能是设置的font-family不同引起的抖动,但是还没有找到具体的样式设置,目前还未解决,如有大神有较好的解决办法,欢迎指导.

小程序开发并不愉快,许多必建的文件不会自动生成,页面之间的跳转没有快捷键,开发者工具显示区域受限……如果谁有对应的解决办法求告知…… 开始的时候每次保存代码,页面都会刷洗重新渲染一次,而且自动跳回首页,让人很不爽,后来随便点点,发现这里还是可以设置一些东西方便开发的. 开发模式下,点击左侧的“项目”,下面的选项可以阻止ctrl+S触发的刷新(其实这个留着也挺好的,不卡就行). 下一个选项是允许开发环境中从未注册的域名中请求数据,下载文件等.项目上线则需要将相关的域名都在开发设置中添加进去,每个月

在微信小程序开发中,经常遇到一些由后台控制显示(is_open : 1)或者隐藏(is_open : 0),有俩种办法: 复杂办法 1.先在元素的class中 class=’{{show?’true’:’hidden’}}’ 2.再在相对应的js中配置show的值,例 data: {show:1,} 3.最后在相对应的css中定义 .hidden{display:none;} 简单办法 直接在元素中加入wx:if=”{{is_open !=”}}”代码,后台传到前端的is_open为1时,元素就

参考链接:https://blog.csdn.net/liuwengai/article/details/78987957 该实现方法是根据上面的链接改编为小程序的实现,代码如下: wxml: <view class="text-box"> <text>{{currentInput}}</text> <textarea class="weui-textarea" placeholder="请输入文本" b

好了 小程序的头部标题 设置好了,我们来说说底部导航栏是如何实现的. 我们先来看个效果图 这里,我们添加了三个导航图标,因为我们有三个页面,微信小程序最多能加5个. 那他们是怎么出现怎么着色的呢?两步就搞定! 1. 图标准备 阿里图标库  http://www.iconfont.cn/collections/show/29 我们进入该网站,鼠标滑到一个喜欢的图标上面  点击下方的 下载按钮 在弹出框中 选择了 俩个不同颜色的 图标  选择64px大小即可,我选择的是png  然后下载下来 起上别

1. 设置图片,小程序支持两种引用图片方法,一种是本地引用,一种是网络资源引用. 但是引用本地图片的的时候不能用wxml样式去引用本地的图片,不会报错,也没效果.就是在wxss页面中不能引用本地的图片.这个时候就要用image组件了. 2. 加载本地的图片 <image class="user" src='../../images/login/icon.png' style='width:120px;height:120px'></image> src是图片的相

在微信小程序的开发过程中如果有使用过tabbar的同学,我相信一定会遇到一些困扰.为什么有些时候代码中明明已经在app.json里面增加了tabbar,可以页面中就是不显示呢?可不可以有些页面显示tabbar,而有些页面不显示tabbar呢?今天我把我在开发过程中遇到的问题整理出来跟大家分享.问题1:为什么页面底部不显示tabbar?很多网友(包括我自己)也遇到过此类问题,在app.json里面明明加了tabbar,list里面也加了路径怎么就是不显示呢?举例,如下代码,为什么屏幕页面底部没有如

我们都知道微信小程序的组件image是用来显示图片的,它有一下几个属性:1.src              图片资源地址2.mode          图片裁剪.缩放的模式3.binderror     当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: ‘something wrong’}4.bindload     当图片载入完毕时,发布到 AppService 的事件名,事件对象event.detail = {height:’图片

小程序的二维码分为小程序码和二维码: 生成小程序二维码文档中说后端来生成. 参考 小程序开发文档资料:https://developers.weixin.qq.com/miniprogram/dev/api/getWXACodeUnlimit.html 文档的参数介绍还是蛮详细的,但是没有具体的demo,对于请求的接口的返回值是进制流(也就是在浏览器显示一堆乱码)也是很令人懊恼,这里贴一下我的代码: //获取小程序码,这里调用的是小程序码的A接口类型 public function getQRC

如果你有使用过小程序需要你授权微信地址的情况,那么正常的逻辑应该是这样的: 点击获取地址后,弹窗: 此时我相信选择拒绝的人应该还是比较多的,毕竟这是敏感数据,拒绝后再看页面相关功能是否有使用地址的合适理由,再重新点击给予权限. 问题是坑就在这里出现:小程序是会记住用户对上一次的授权情况,因为用户拒绝过,所以此时调用wx.chooseAddress()方法是不会再主动弹窗的,这时的处理是要跳转到权限设置页让用户打开. 当然,第二次点击时,直接跳转设置页就不太合理,而应该是先弹窗说明下: 在开发的过

微信小程序概念的提出,绝对可以算得上中国IT界惊天动地的一件大事,这可能意味着一场新的开发热潮即将到来, 我也怀着激动的心情准备全身心投入其中,不过截止目前,在官方网站上下载的最新版本都无法使用,打开小程序 开发工具后,只见一块白板赫然映入眼帘,不向你问好,不向你抱怨,它就是在那里静静地待着,就是迟迟看不到 传说中的二维码.系统是最新的macOS Sierra,也装了node.js之类的东西,想了一切可能的原因,网络.环境, Google了若干小时,最终甚至有些想放弃了.之前安装过低版本的破解版

大家不喜欢小程序的tabbar原因之一就是它太死板,tabbar一旦在app.json定义以后文字不能改,图标不能改! 我要自制tabbar!!! 其实在微信更新完1.9.0基础调试以后就推出了更新方案 https://developers.weixin.qq.com/miniprogram/dev/api/ui-tabbar.html#wxsettabbarbadgeobject 可以更新图标,可以更新文字,可以动态更改上面的内容,不需要你重新粗制滥造tabbar了! 不过你想实现爱奇艺APP

   最近在跟斯坦福的CS106A,里面的java代码都是Applet程序,而我运行程序的时候发现,Applet小程序窗口大小总是固定的,但是我画的图却越来越大,所以怎么在Eclipse中run的时候生成大一点的窗口呢?    网上说只要安装一个名叫myeclipse的插件就可以直接到html文件中去修改,事实上直接在eclipse中也可以进行设置,方法如下:    右击你的Applet程序(.java),在弹出的下拉菜单中选择Run AS > 选择Run configurations > 选