button 样式

/**
 * 个人资料
 */
Ext.define(‘For.view.personal.MyPersonalData‘,{        
    extend:‘Ext.panel.Panel‘,
    xtype:‘my-personaldata‘,
    viewModel:‘formview‘,
    requires:[‘For.view.personal.ForPersonalInfo‘],
    layout:‘fit‘,
    
    items:[{
        layout:‘hbox‘,
        width:‘100%‘,
        title:forp.view.personal.myPersonalData.title,//‘我的资料‘,
        itemId:‘personalDataItemId‘,
        flex:13,
        items:[{
                border:1,
                xtype:‘panel‘,
                height:‘100%‘,
                layout:‘vbox‘,
                flex:1,
                items:[{
                        flex:5
                    },{
                        xtype:‘button‘,
                        style: ‘background-color:white;font-color:blue‘,
                        text:‘<font color="blue">‘
                        +forp.view.personal.myPersonalData.myAccountInfo//‘账号信息‘
                        +‘</font>‘,
                        handler:‘myAccountInfo‘,
                        border:false,
                        flex:1
                    },{
                        xtype:‘button‘,
                        style: ‘background-color:white;font-color:blue‘,
                        text:‘<font color="blue">‘
                        +forp.view.personal.myPersonalData.myMemberInfo//‘会员信息‘
                        +‘</font>‘,
                        handler:‘myMemberInfo‘,
                        border:false,
                        flex:1
                    },{
                        xtype:‘button‘,
                        style: ‘background-color:white;font-color:blue‘,
                        text:‘<font color="blue">‘
                        +forp.view.personal.myPersonalData.myBasicInfo//‘基本信息‘
                        +‘</font>‘,
                        handler:‘myBasicInfo‘,
                        border:false,
                        flex:1
                    },{
                        flex:10
                }]
               },{
                flex:12,
                height:‘100%‘,
                xtype:‘for-personalinfo‘,
                itemId:‘for-personalinfo‘
        }]
    }]
})

时间: 2024-08-24 14:58:35

button 样式的相关文章

android_重写button样式

这样的button样式应该源自IOS.假设安卓上实现,则须要使用android上面的layer-list来实现. 事实上layer-list有点像framlayout,作用就是覆盖. 先说一下实现原理:先画一个矩形.就是我们所示红色边框. 然后再画一个矩形将白色背景覆盖上面,设置android:left | right | top |bottom值.能够实现边框的大小. 然后在button里面设置background属性就好了,以下附上源代码. 由于三个button形状都不一样,所以要设置三个l

使用Telerik StyleMananger 改变Silverlight Button样式

Telerik 支持更改以下控件样式 System.Windows.Button System.Windows.ScrollViewer System.Windows.CheckBox System.Windows.TextBox System.Windows.RadioButton System.Windows.ListBox System.Windows.PasswordBox System.Windows.RepeatButton System.Windows.Tooltip 需要在App

wpf image button样式

1:image button样式 <Style x:Key="Button.File" TargetType="Button"> <Setter Property="Cursor" Value="Hand"></Setter> <Setter Property="Template" > <Setter.Value> <ControlTempl

android中样式和自定义button样式

1)自定义button样式 一.采用图片方式 首先新建Android XML文件,类型选Drawable,根结点选selector,自定义一个文件名. 随后,开发环境自动在新建的文件里加了selector结点,我们只需要在selector结点里写上三种状态时显示的背景图片(按下.获取焦点,正常)即可.具体如下: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="

Android Button 样式 圆角

Android应用端开发中,在设置button样式的时候,为了使减少布局中图片的使用量,则 我们可以在selectoer选择器中运用Android系统中自带的shape组件来代替图片,这样可以减少 app的索赞内存的大小. 当焦点集中的时候: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/and

36种漂亮的CSS3网页按钮Button样式

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>36种漂亮的CSS3网页按钮Button样式</title> <style type="text/css"> body{ background: #f5faff; } .demo_con{ width: 960px; m

36种漂亮的CSS3网页按钮Button样式,总有你喜欢的

<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>36种漂亮的CSS3网页按钮Button样式</title><style type="text/css">body{ background: #f5faff;}.demo_con{width: 960px;margin:40px

bootstrap-table 使用遇到的问题总结:1.右上角button样式自定义;2.右上角引用图标自定义;3.表头/表格内容显示不对齐;4.自定义设置表头及表格边框样式

问题一:右上角button样式自定义 方法: //修改bootstrap-table右上角按钮样式 $(".table-box .columns-right button").removeClass("btn-secondary").css({"backgroundColor": "#fafafa","border": "1px solid #c2c2c2","color&qu

win8应用开发之查看Button样式

本篇主题 用Blend for Visual Studio 2012 查看button控件的样式源码. 1. 用Blend新建或者打开一个项目 一般在下载和安装visual studio 2012 的时候都会自动下载和安装Blend,如果没有可以自己下载安装. 新建或者打开项目如图所示:  <ignore_js_op> 2. 在新建项目中添加button控件 1. 在新项目左侧的资产中 ->选择资产中的控件 ->找到button,并将其拖到下面的grid中. <ignore_

wpf Button 样式原始模板

这是Button原始样式,看懂了爱怎么改就怎么改 <Window.Resources> <Style x:Key="ButtonFocusVisual"> <Setter Property="Control.Template"> <Setter.Value> <ControlTemplate> <Rectangle Stroke="Black" StrokeDashArray=&q