【小程序】按钮button示例

【小程序】按钮button示例

1、button.wxml

底部按钮线框按钮背景按钮

2、button.wxss

/* pages/index/swiper.wxss */.banner { width:100%; height:156px;}.banner image{width:100%;height:100%;}/* 底部置顶按钮 */#full{height: 50px;width: 100%;background-color: rgb(50, 148, 110);font-size: 22px;color: white;text-align: center;position:fixed;bottom:0;}/* 线框按钮 */#btn_1{ width: 200px; height: 50px; border:1px rgb(21, 141, 91) solid; border-radius: 5px; color:rgb(23, 133, 96); line-height: 28px; margin-bottom: 20px;}/* 背景按钮 */#btn_2{ width: 200px; height: 50px; border:0px rgb(21, 141, 91) solid; border-radius: 5px; color:rgb(255, 255, 255); background-color: rgb(29, 122, 79); line-height: 28px;}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。