微信小程序勾選協議 - 新聞資(zī)訊 - 雲南小程序開發|雲南軟件開發|雲南網站(zhàn)建設-西山區知普網絡科技工作室

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不管是網站(zhàn),軟件還是小程序,都要直接或間接能為您産生價值,我們在追求其視覺表現的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網站(zhàn)成為營銷工具,讓軟件能切實提升企業(yè)内部管理水平和(hé)效率。優秀的程序為後期升級提供便捷的支持!

微信小程序勾選協議

發表時間:2020-9-24

發布人:葵宇科技

浏覽次數:58

wxml:

<view class="checkbox flex-y-center" bindtap="click">

<label class='{{checked?"is_checked":""}}'>

<image src="/images/img/ok.png" mode="widthFix"/>

</label>

<view class="check_text">依照學術(shù)誠信原則,我保證本人獨立完成</view>

</view>

wxss:

.checkbox label{

width: 30rpx;

height: 30rpx;

border: 1rpx solid #bebebe;

border-radius: 5rpx;

margin-right: 10rpx;

position: relative;

}

.checkbox image{

display: none;

}

.is_checked{

background-color: #d43205;

border: 1rpx solid #d43205!important;

}

.is_checked image{

display: block;

width: 18rpx;

height: 14rpx;

position: absolute;

left: 6rpx;

top: 50%;

transform: translateY(-50%);

}

.checkbox{

margin: 30rpx 50rpx;

}

.checkbox .check_text{

width: calc(100% - 40rpx);

font-size: 22rpx;

color: #000;

}

js:

Page({

data: {

checked:false

},

/*勾選協議 */

click:function(e){

this.setData({

checked: !this.data.checked

})

}

});

相關(guān)案例查看更多