`

Flex 类window的box的组件

 
阅读更多

引用控件

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     xmlns:mx="library://ns.adobe.com/flex/mx"
     xmlns:box="common.utils.spark.*"
     width="98%" height="100%">

    <box:TitledBorderBox width="98%"
         height="140"
         title="名称"
         dropShadowVisible="true"
         cornerRadius="5" 
         borderColor="#555555"
         titleStyleName="title"
         paddingTop="15"
         paddingRight="20"
         paddingBottom="15">

       <mx:Label label="内容" />

    </box>

 

分享到:
评论

相关推荐

    flex组件(放大、缩小、拖动、最大化、最小化)

    在CSS中,Flex布局(Flexible Box Layout)允许开发者更加灵活地控制元素的排列和对齐方式,特别是在容器的大小变化时。通过设置`display: flex`,我们可以将一个容器转换为Flex容器,其子元素则成为Flex项目。 ...

    第十五届蓝桥杯Web应用试题考察重点

    window.alert('Hello, World!'); ``` - **JavaScript内置对象** - Array、String、Date等。 - **JavaScript事件** - 如点击、鼠标悬停等事件处理。 - **JavaScript AJAX** - 异步通信技术,用于在后台与服务器...

    Web前端开发中级实操考试评分细则_V1.03

    - `window.pageYOffset`、`document.body.scrollTop`、`document.documentElement.scrollTop`:获取浏览器窗口或文档的垂直滚动位置。 - `top.style.top`:更改元素的CSS top属性,常用于动画效果。 - `...

    用JS实现2个DIV等高.rar

    box-sizing: border-box; padding: 10px; /* 添加内边距 */ } ``` 接下来,我们使用JavaScript来实现等高效果。这里可以采用两种主要方法:一种是事件监听,当窗口大小改变时更新div的高度;另一种是在页面加载...

    React Native基础入门之初步使用Flexbox布局

    在React Native中,Flexbox被用来处理组件的排列和分布,使得开发者能够轻松地创建适应各种屏幕尺寸和方向的用户界面。 一、长度单位 在React Native中,长度单位主要采用的是与设备像素密度无关的逻辑像素点...

    website:该网站基于使用本机JavaScript元素的flexbox响应式布局

    例如,可能使用`window.onresize`事件监听窗口大小变化,当窗口尺寸达到特定阈值时,可以通过修改元素的样式或属性来适应新的视口。 4. **Flexbox (Flexible Box)**:Flexbox允许开发者更容易地创建动态和响应式的...

    一些前端面试题.pdf

    - 在非严格模式下,全局作用域中`this`指向全局对象(浏览器中是`window`),严格模式下则为`undefined`。 - 对象方法中的`this`指向该对象,构造函数中的`this`指向新创建的对象。 - 箭头函数没有自己的`this`,...

    JS实现简单日历特效

    虽然这个例子可能不包括日历的所有功能(如选择日期、添加事件等),但它为初学者提供了一个很好的起点,理解如何结合JavaScript和CSS来构建动态Web组件。如果你对JavaScript和前端开发感兴趣,这样的练习可以帮助你...

    微信小程序实现城市列表选择

    &lt;view class='flex-box' data-id='出发城市'&gt; ... ... &lt;view class="flex-box"&gt; &lt;view class='input-city'&gt;{{date}} 查询 ``` - 最后,在`index.js`中,处理用户输入和点击事件,如表单提交、...

Global site tag (gtag.js) - Google Analytics