手机版

修改对象的属性值/用设置数据删除按钮按钮的边框

时间:2021-12-11 来源:互联网 编辑:宝哥软件园 浏览:

使用设置数据修改对象的属性值

1.

page({ data : { items : }//items是一个对象,is_like和like是它的两个属性is _ like33600,like33600 0}},like 3360 function(){ 0 }

d" style="margin: 0px; padding: 0px; font-size: inherit; line-height: inherit; color: rgb(184, 84, 212); word-wrap: inherit !important; word-break: inherit !important; white-space: inherit !important;">var is_like ="items.is_like"; //先用一个变量,把items.is_like用字符串拼接起来 var like = "items.like"; if (this.data.items.is_like == 0 && this.data.items.like==0){ this.setData({ [is_like]:1, 使用【】将字符串包起来,为其赋值 [like]:1 }) } else if (this.data.items.is_like == 1 && this.data.items.like == 1){ this.setData({ [is_like]: 0, [like]: 0 }) }},})

2.index.wxml: 使用bindtap绑定事件

 <view class="centers" bindtap="likes">     <view wx:if="{{items.is_like == 0}}">       <image class="src" src="../../image/like1.png"></image>     </view>     <view wx:else>       <image class="src" src="../../image/like2.png"></image>    </view>    <view class="space"><text class="character">:</text>{{items.like}}</view> </view>

去除button按钮的边框

小程序开发中,有时候我们希望button不要有边框,需要使用button::after来实现,

具体如下:

.operations button::after{border:0 none;}

另外button的样式,

都是通过button::after伪类来实现的。

用setData修改对象的属性值/去除button按钮的边框(图1)

版权声明:修改对象的属性值/用设置数据删除按钮按钮的边框是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。