微信小程序动态显示标签文字或者按钮文字

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: ‘流水一楼‘,

time: ‘9月19日 10:35‘

}]

效果

原文地址:https://www.cnblogs.com/lsyy2017/p/11565979.html

时间: 2024-08-23 16:39:11

微信小程序动态显示标签文字或者按钮文字的相关文章

微信小程序text标签

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

微信小程序一个页面多个按钮分享怎么处理

首先呢,第一步先看api文档: 组件:button https://developers.weixin.qq.com/miniprogram/dev/component/button.html 框架-逻辑层-注册页面-页面事件处理函数:onShareAppMessage https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#%E9%A1%B5%E9%9D%A2%E4%BA%8B%E4%BB

微信小程序去除左上角返回的按钮

解决方法有两种: 1.把该页面设置为tab页面或者主页 ; 2.进入该页面使用 wx.reLaunch(); 示例 wx.reLaunch({url: '../detail/detail',}) 这样有一个弊端,就是会销毁其它所有的页面. 原文地址:http://blog.51cto.com/13507333/2151868

微信小程序css画三角形内有文字

<view class="productStatus"> <span> <em>已上架</em> </span> </view> .productStatus { position: absolute; right: 0; top: 0; height: 1.81rem; width: 1.81rem; display: flex; align-items: center; } .productStatus spa

教你怎么用微信小程序进行文字识别

如果我们想要摘录书本上的文字,其实不一定非要手动打录或者拿笔来摘抄.我们也可以用手机 来进行文字识别,快速的将你想要的文字给识别提取出来,还能节省时间.那我们如何用手机来 进行文字识别呢,最简单的方法还是用微信小程序,无需下载任何APP,点击进去就能使用,下面 小编就来教大家如何用微信小程序来进行文字识别 . 1.首先,我们打开手机微信,点击微信上的搜索框搜索"迅捷文字识别",找到这个小程序,然后点击 进去,进入小程序的界面之后,我们先点击"照片/拍照 ". 2.然

微信小程序获取输入框(input)内容

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

微信小程序学习一 微信小程序的四个基本文件

微信小程序有四种类型的文件 js 类型文件 小程序的逻辑代码文件 小程序对js es6的处理比较友好,基本上我们的es6语法都需要使用babel插件去转化成es5(具体是什么原因,自己可以去了解一下),对于es6特定的api还需要使用polyfill去处理,但是小程序的开发工具和内置基础库内置基础库,全部都已经给你处理了,这一点非常pretty. json 类型文件 在小程序中json文件一般都是配置文件 导航栏背景颜色 导航栏标题文字内容 窗口的背景色 等都由json文件配置,json配置文件

微信小程序按钮

微信小程序button组件样式 韦弦Zhy关注 22018.07.03 19:21:14字数 438阅读 108,988 button.png 上图下字.png 需要使用微信小程序button组件的open-type来实现授权之类的操作时,发现样式并不是自己想要的,然后改起来也并不是很方便,下面让我们一起看一下: 默认状态 <button>确定</button> 此时,各项值均为默认值,效果如下:有边框以及圆角 默认状态.png 设置其css如下:背景颜色background-co

去除富文本中的html标签及vue、react、微信小程序中的过滤器

在获取富文本后,又只要显示部分内容,需要去除富文本标签,然后再截取其中一部分内容:然后就是过滤器,在微信小程序中使用还是挺多次的,在vue及react中也遇到过 1.富文本去除html标签 去除html标签及?空格 let richText = ' <p style="font-size: 25px;color: white">&nbsp; &nbsp; &nbsp; &nbsp;sdaflsjf的丰富及饿哦塞尔</p><s