`

flex使用样式控制button的icon（图片）切换

    博客分类：
  • flex
 
阅读更多

1.定义button

<s:Button styleName="myButton2" width="92" height="29" />
 

2.设置样式

 

.myButton2:up{
	icon:Embed("assets/pic/title/login-default.png");
}
.myButton2:over,.myButton2:down{
	icon:Embed("assets/pic/loginButtonTwo.png");
}
 

 

分享到：
| flex使用as创建的组件，样式定义
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS3点击左侧图标导航菜单网页全屏切换动画代码

    例如，如果图标元素有class="nav-icon"，我们可以使用`.nav-icon`来指定样式。 2. **伪类**：CSS3的伪类如`:hover`用于表示鼠标悬停状态，`:active`用于表示元素被激活时的状态，这在实现点击动画效果时非常关键。 ...

    ZanUI-微信小程序中文文档.pdf

    2. 使用`&lt;zan-icon&gt;`标签并在`type`属性中指定图标类型来显示图标。文档提供了多种预设的图标和对应的名称。 3. 支持的图标类型包括但不限于成功、警告、错误等，具体可参考文档中的图标列表。 4. 示例代码：`&lt;zan-...

    CSS Accordion

    `accordion-item`通常设置为垂直堆叠，使用`display: flex`和`flex-direction: column`。 2. **隐藏内容**：默认情况下，所有`accordion-content`应该被隐藏，可以使用`display: none`实现。当对应的`accordion-...

    微信小程序组件2

    包括但不限于视图容器（View、ScrollView、Swiper）、基础内容（Text、Image、Icon）、表单组件（Input、Button、Picker）以及导航（Navigator）、媒体组件（Audio、Video、Image）、布局组件（Flex、Grid）等。...

    微信小程序自定义tabbar

    在微信小程序中，`tabBar`是底部导航栏，用于展示核心功能模块，用户可以通过它轻松切换不同的页面。自定义`tabBar`可以让开发者根据自己的需求和设计风格来调整其外观和行为，提升用户体验。 ### 1. 微信小程序 ...

    bootstrap安装环境，入门教程

    &lt;button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="切换导航"&gt; ...

    burger-menu

    &lt;button class="burger-icon"&gt; &lt;/button&gt; &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;关于我们&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;服务&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;联系我们&lt;/a&gt;&lt;/li&gt; ``` 2. *...

    bootstrap-4-sidenav-example

    这可能包括将`display`属性设为`flex`，`flex-direction`设为`column`，以及根据需要调整宽度、高度和位置。同时，确保在小屏幕设备上，侧边栏可以折叠或展开，可以使用Bootstrap的`navbar-toggler`和`collapse`组件...

    AntDesign组件库目录.docx

    - **分割文字使用正文样式**: 分割线上的文字可以设置为正文样式，以达到更好的视觉效果。 - **垂直分割线**: 用于垂直分隔不同内容区域。 - **API**: 详细介绍了分割线的所有配置选项和方法。 **2.2 Grid 栅格** ...

    Bootstrap3隐藏左侧边栏菜单特效代码

    在“Bootstrap3隐藏滑动左侧边栏菜单代码”中，我们主要探讨的是如何利用Bootstrap3的功能实现一个可隐藏的、通过汉堡包图标控制的侧边栏菜单，以及使用CSS3来添加平滑的过渡动画。 首先，我们要理解Bootstrap3的...

Magicbox
Global site tag (gtag.js) - Google Analytics