开关按钮样式(类似app端)
来源:互联网 发布:淘宝代购手机 编辑:程序博客网 时间:2024/06/06 06:47
css
.double_btn{
width:100%;margin:0 auto;
text-align:center;
font-family: 微软雅黑;
font-size:14px;
}
.double_btn_0{
padding:8px 25px 8px 0;
border-radius:20px;
background-color:#EBEDED;
cursor:pointer;
color:#333333;
}
.double_btn_1{
padding:8px 0 8px 25px;
border-radius:20px;
background-color:#EBEDED;
cursor:pointer;
color:#333333;
}
.single_btn_1{
padding:8px 20px;
border-radius:20px;
background-color:#60C0F0;
color:#ffffff;
}
===========================================
html
<div class="am-u-sm-12 height60 center">
<div class="double_btn">
<span class="double_btn_{$type}">
<span <!--{if $type == 0}-->class="single_btn_1" style="margin-right:10px;"<!--{/if}-->>我的联系人</span>
<span <!--{if $type == 1}-->class="single_btn_1" style="margin-left:10px;"<!--{/if}-->>全部联系人</span>
</span>
</div>
</div>
阅读全文
1 0
- 开关按钮样式(类似app端)
- 自定义类似开关按钮
- android实现类似iphone的开关按钮
- 设计一个开关样式的双项单选按钮。
- Android 自定义Switch开关按钮的样式
- iOS九宫格布局按钮样式/不规则布局按钮样式/类似淘宝星星布局按钮样式
- Toggle Buttons(开关按钮)
- javafX初探(开关按钮)
- HTML/CSS 自定义开关按钮控件(switch)样式
- Android SwitchCompat开关按钮自定义颜色和样式
- 开关按钮
- 开关按钮
- 开关按钮
- 使用jqMobi开发app基础:Toggle Switches开关按钮
- Android 开发之 ToggleButton App 滑动开关按钮
- 【9】ToggleButton(开关按钮)和Switch(开关)
- 类似开关灯问题
- 类似ios滑动开关
- 统计一个数字在排序数组中出现的次数
- 拼多多笔试:值复制函数
- Python教程:进击机器学习(一)--概述
- 位域的定义和使用
- select标签的onchange事件
- 开关按钮样式(类似app端)
- 2017安卓框架排行
- JSP中用JavaScript简单客户端验证
- yellow-Coldplay
- 教你如何用通道来快速抠图的方法
- 我对CSS vertical-align的一些理解与认识(二)
- Head First 设计模式 —— 单例模式(Singleton)
- [Scala]Scala学习笔记六 文件
- 单例设计模式