小程序block标签配合if和else

最近在做小程序,使用<text>标签的时候发现里面的文本text-family不生效, 经过试验,发现直接在text标签的class设置不生效,可以在外层包一个父元素就可以设置了. <view class="info"> <text class="text1">文本1</text> </view> .info{ width: 100%; height:640rpx; background: #fff; z-

wxml: <van-tag round size="medium" type="{{item.type?'danger':'primary'}}">{{item.type?'失物招领':'寻物启事'}}</van-tag> js: listDatas: [ { type: 1, name: '充电宝', desc: '行云二楼', time: '9月20日 12:35' }, { type: 0, name: '黑色天堂伞', desc:

<view> <text class='copyright'>Copyright (c) 2019 龙城山大</text> </view> css .copyright{ font-size: 20rpx; color: #999999; position: fixed; text-align: center; bottom: 30rpx; left: 0; right: 0; } 效果 原文地址:https://www.cnblogs.com/zhaoli

前言:小程序越来越受到重视,从去年张小龙的发布会来大力推及开始,但是之后仿佛没了什么动静,而且微信中也没人去关心小程序的事.但是平静的湖面下往往是暗流涌动的.许多公司都在着手开发自己的小程序,想着能在以后早早的打下属于自己的一片天地.记得曾有个大神对我说过“小程序总会火气来的”,我也深信不疑.并不是微信小程序有多么的牛逼,只是,微信有着8亿+的用户啊,在这个流量就是王的时代,谁都想分一把小程序的羹.好了,感慨了那么多,开始说说小程序吧: 一:无DOM操作 在传统js中,有着三架马车:DOM,BO

前言 github地址:https://github.com/yexiaochai/wxdemo 接上文继续,我们前面学习了小程序的生命周期.小程序的标签.小程序的样式,后面我们写了一个简单的loading组件,显然他是个半成品,我们在做loading组件的时候意识到一个问题: 小程序的组件事实上是标签 我们没有办法获得标签的实例,至少我暂时没有办法 所以这些前提让我们对标签的认识有很大的不同,完成小程序特有的UI库,那么就需要从标签出发 这里面关注的点从js中的实例变成了wxml中的属性 我们

作者:wuwhs segmentfault.com/a/1190000017388333 前言 学习了一段时间小程序,大致过了两遍开发文档,抽空做个自己的天气预报小程序,全当是练手,在这记录下.小程序开发的安装.注册和接入等流程就不罗列了,在小程序接入指南已经写得很清楚了,以下只对开发过程常用到得一些概念进行简单梳理,类比 Vue 加强记忆,最后选取个人项目天气小程序中要注意的几点来说明. 欢迎扫码体验: 源码请戳这里,欢迎start~ 初始化项目目录结构 安装好开发者工具,填好申请到的 App

大家好,我是Beta007. 最近一直在研究小程序,会在这里整理出一系列的文章,和大家交流. 第一篇文章首发在了知乎专栏:小楼昨夜又秋风:https://zhuanlan.zhihu.com/p/22891188 知乎ID:七月在夏天  (头像是只喵~) 不一样的角度 解读微信小程序 七月在夏天· 2 天前 前段时间看完了雨果奖中短篇获奖小说<北京折叠>.很有意思的是,张小龙最近也要把应用折叠到微信里,这些应用被他称为:小程序. 含着金钥匙的小程序,还未展现全貌,就已经成了开发界的头条大事儿.

每日更新关注:http://weibo.com/hanjunqiang  新浪微博!iOS开发者交流QQ群: 446310206 最近几个月一直热火朝天张小龙最近要把应用折叠到微信里,这些应用被他称为:小程序. #什么是小程序?张小龙原话描述如下: #小程序尝鲜 每日更新关注:http://weibo.com/hanjunqiang  新浪微博!iOS开发者交流QQ群: 446310206 1.小程序 VS APP 微信小程序有些类似于上面寄生在支付宝里的各类服务.他们具有业务简单.明确,使用频

微信小程序---获取输入框(input)内容 wxml <input placeholder="请输入手机号码" maxlength="11" type="tel" bindinput="getInput" /> js Page({ data:{ getInput: null }, getInput:function(){//方法1 this.data.getInput = e.detail.value; }, /