Lesson04_CustomComponent_chi
vue3 自定义组件customref 语法
vue3 自定义组件customref 语法摘要：1.Vue3 自定义组件的概念和作用2.Vue3 自定义组件的语法和用法3.customRef 的使用方法和注意事项4.Vue3 自定义组件的优势和应用场景正文：Vue3 是一款流行的JavaScript 框架，它提供了许多功能强大的组件，使得开发者可以轻松构建复杂的前端应用程序。
然而，有时Vue3 自带的组件无法满足我们的需求，这时我们就需要自定义组件。
自定义组件不仅可以帮助我们更好地解决业务问题，还能提高代码的可维护性和可复用性。
一、Vue3 自定义组件的概念和作用自定义组件是指在Vue3 中创建的具有特定功能的组件。
它可以接受数据、事件和属性，并在组件内部处理这些数据和事件。
自定义组件的作用主要体现在以下几个方面：1.解决业务需求：通过自定义组件，我们可以根据业务需求定制特定的功能，使应用程序更加符合实际需求。
2.提高代码可维护性：自定义组件可以将复杂的逻辑封装起来，减少代码量，使代码更加简洁易懂，从而提高代码的可维护性。
3.提高代码可复用性：自定义组件可以封装一些通用的功能，然后在其他组件中重复使用，从而减少代码的冗余，提高代码的可复用性。
二、Vue3 自定义组件的语法和用法在Vue3 中，自定义组件可以通过以下语法来定义：```javascriptexport default {name: "CustomComponent",props: {// 定义组件的属性},data() {return {// 定义组件的数据};},computed: {// 定义组件的计算属性},methods: {// 定义组件的方法},mounted() {// 定义组件的挂载钩子},beforeDestroy() {// 定义组件的销毁钩子},};```然后，在父组件中，我们可以通过`import`和`<template>`标签来引入和使用自定义组件：```html<template><div><CustomComponent :prop="data" @event="handleEvent" /> </div></template><script>import CustomComponent from "./CustomComponent.vue";export default {components: {CustomComponent,},data() {return {data: "some data",};},methods: {handleEvent(payload) {console.log("Event triggered:", payload);},},};</script>```三、customRef 的使用方法和注意事项在Vue3 中，我们可以使用`customRef`来自定义组件的引用。
custom-class类样式
在CSS中，可以使用自定义类（custom class）为元素添加样式。
自定义类的名称可以是任何字母组合，只要不包含空格或特殊字符即可。
要为元素添加自定义类，只需将类名称添加到元素的HTML标签中，如下所示：
html
<div class="my-class">这是一个带有自定义类的元素</div>
在上面的示例中，my-class是自定义类的名称。
现在，您可以在CSS中使用该类来为元素添加样式，如下所示：
css
.my-class {
color: red;
font-size: 20px;
}
在上面的示例中，.my-class表示类名为my-class的元素。
您可以将任何CSS属性应用于此类，例如color和font-size。
在这种情况下，所有带有my-class类的元素都将以红色文本和20像素的字体大小显示。
您还可以在同一个元素上应用多个自定义类，如下所示：
html
<div class="my-class my-other-class">这是一个带有多个自定义类的元素</div>
在这种情况下，元素将继承所有类中定义的样式。
在上面的示例中，元素将继承my-class 和my-other-class中定义的样式。
custom文本文档
custom文本文档
CUSTOM 元素 | custom 对象
注释
Microsoft® Internet Explorer 对于 HTML 页面上自定义标签的支持需要为该标签定义命名空间。
否则，自定义标签将在文档被处理时被作为未知标签对待。
尽管在 Internet Explorer 中浏览带有未知标签的页面不会导致错误，未知标签仍然带有无法包含其它标签也无法对其应用行为的缺点。
要声明命名空间，请使用 HTML 元素的 XMLNS 标签属性。
当定义自定义标签时，你必须在 @media 包装内完成自定标签的定义。
自定义标签当应用 DHTML 行为时将会变得有趣得多。
DHTML 行为(或称行为)应用到页面上元素的方法与和样式表属性
一样。
说得更明白一点，已提议的 CSS behavior 属性允许Web 编著者指定行为的位置并将该行为应用到页面上的元素。
此元素在Microsoft® Internet Explorer 5 的 HTML 和脚本中可用。
此元素是内嵌元素。
此元素需要关闭标签。
示例
下面的例子使用 custom 元素创建自定义 RED, GREEN 和BLUE 元素。
这些元素将更改文本的颜色为红、绿或蓝色，这取决于文本外围的标签是 RED, GREEN 还是 BLUE。
在下面的例子中，RED, GREEN 和 BLUE 标签都定义在 CUSTOMTAG 的命名空间内。
vue3 自定义组件customref 语法
vue3 自定义组件customref 语法摘要：1.Vue3 自定义组件简介2.customref 语法介绍3.customref 语法实践a.创建一个自定义组件b.在自定义组件中使用customref 语法c.在父组件中使用自定义组件4.customref 语法的优势和应用场景正文：Vue3 自定义组件customref 语法是一种在Vue3 中创建自定义组件并实现双向绑定的语法。
相比Vue2，Vue3 在自定义组件方面有了很大的提升，不仅支持动态添加和删除属性，还支持自定义组件间的通信。
而customref 语法则是Vue3 中自定义组件的一个重要特性。
customref 语法的基本形式如下：```html<template><custom-ref :value="someValue"@update:value="onValueUpdate" /></template><script>import CustomRef from "./CustomRef.vue";export default {components: {CustomRef},data() {return {someValue: " initial value"};},methods: {onValueUpdate(newValue) {console.log("Value updated:", newValue);}}};</script>```其中，`custom-ref` 是自定义组件的标签，`value` 是需要双向绑定的属性，`@update:value` 是监听该属性更新的事件。
在实践中，我们可以通过以下步骤创建一个自定义组件并使用customref 语法：1.创建一个自定义组件。
customrender return 标签写法
customrender return 标签写法在许多编程场景中，自定义渲染是一个常见的需求。
为了满足这种需求，许多开发人员可能会使用自定义渲染器（Custom Renderer）来实现。
然而，在使用自定义渲染器时，正确地编写返回标签（return tag）是至关重要的。
本文将介绍如何编写正确的返回标签，以便您能够充分利用自定义渲染器的功能。
一、自定义渲染器概述自定义渲染器是一种允许您自定义应用程序中组件渲染方式的工具。
通过使用自定义渲染器，您可以实现各种复杂的渲染需求，例如定制渲染样式、响应式设计等。
在使用自定义渲染器时，您需要创建一个自定义渲染器类，并实现相应的渲染逻辑。
二、返回标签的作用返回标签是自定义渲染器中用于指示何时结束当前渲染周期的标签。
在自定义渲染器中，正确的返回标签编写方式对于确保渲染过程的正确性和效率至关重要。
三、返回标签的编写规则1. 标签名称：返回标签的名称必须与自定义渲染器类中的方法名称相匹配。
例如，如果自定义渲染器类名为CustomRenderer，则返回标签应该命名为CustomRenderer.render()。
2. 标签位置：返回标签应该位于自定义渲染器的render()方法内部，并且必须位于所有子组件渲染代码之后。
这是因为返回标签指示渲染器的结束，确保所有子组件的渲染都已经完成。
3. 标签内容：返回标签的内容应该是一个布尔值，指示是否继续渲染下一个周期。
通常，将该布尔值设置为true表示继续渲染，设置为false表示结束当前周期。
四、示例代码下面是一个简单的自定义渲染器示例，展示了如何正确编写返回标签：```pythonfrom react import CustomRendererfrom react.virtuallist import VirtualListRendererfrom react.div import Divfrom react.button import Buttonfrom typing import Any, Dict, List, Callablefrom esphome.base import Component as BaseComponentfrom esphome.exceptions import CustomRenderErrorclass MyComponent(BaseComponent):def __init__(self):super().__init__()self.items = [] # 存储列表数据self.current_index = 0 # 当前显示的索引self.custom_renderer = CustomRenderer()self.custom_renderer.register_component(VirtualListRenderer) # 注册虚拟列表渲染器self.custom_renderer.render() # 开始渲染过程self.add_child(Div()) # 添加一个div作为容器来显示列表数据self.add_child(Button(text="Load More",on_click=self.load_more)) # 添加加载更多按钮def load_more(self, _: Any) -> None:self.custom_renderer.render() # 当点击加载更多时，重新开始渲染过程self.custom_renderer.set_next_index(self.current_index + 1) # 设置下一个要显示的索引self.current_index += 1 # 更新当前索引值if self.current_index >= len(self.items): # 如果已加载所有数据，结束当前周期并返回falseself.custom_renderer.return_false() # 使用返回标签结束当前周期并继续下一个周期的渲染过程```在这个示例中，我们使用了一个简单的虚拟列表渲染器（VirtualListRenderer）来显示数据。
Unknowncustomelementdidyouregisterthecomponen。。。
Unknowncustomelementdidyouregisterthecomponen。
错误描述：1 vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: <el-container> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 23 found in45 ---> <Container> at src/components/Container.vue6<App> at src/App.vue2、错误原因没有在main.js⽂件中注册这个组件，导致出现了报错3、解决办法在main.js中注册Container组件1 // The Vue build version to load with the `import` command2 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.3 import Vue from 'vue'4 import ElementUI from 'element-ui'5 import 'element-ui/lib/theme-chalk/index.css'6 import App from './App'7 import router from './router'8 import Container from '@/components/Container';910 Vue.config.productionTip = false11 e(ElementUI)1213 /* eslint-disable no-new */14 new Vue({15 el: '#app',16 router,17 components: { App,Container },18 template: '<App/>'19 })但是⽤了之后,还是不⾏，于是乎去了博主⽤的是按需引⽤，这边本地没有插件，所以采⽤了整体引⼊1 // The Vue build version to load with the `import` command2 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.3 import Vue from 'vue'4 import App from './App'5 import router from './router'6 import ElementUI from 'element-ui'7 import 'element-ui/lib/theme-chalk/index.css';89 Vue.config.productionTip = false1011 e(ElementUI)12 /* eslint-disable no-new */13 new Vue({14 el: '#app',15 router,16 components: { App},17 template: '<App/>'18 })。
simple custom css用法
simple custom css用法
Simple Custom CSS是一款WordPress插件，它允许你在网站上使用自定义的CSS样式。
以下是Simple Custom CSS插件的用法步骤：
1. 首先，安装并激活Simple Custom CSS插件。
你可以在WordPress仪表盘的“插件”菜单下的“添加新插件”页面搜索并安装该插件。
2. 安装完成后，在WordPress仪表盘的“外观”菜单下找到“Simple Custom CSS”选项。
3. 点击“Simple Custom CSS”选项，进入插件的设置页面。
4. 在设置页面的文本框中，输入你想要添加到网站上的自定义CSS样式。
5. 完成后，点击“保存并应用”按钮，将你的自定义CSS样式应用到你的网站上。
6. 刷新你的网站，查看你的自定义CSS样式是否生效。
请注意，使用自定义CSS样式时要小心，确保你的样式不会破坏网站的布局或
导致其他问题。
最好在开发环境中进行测试，以确保样式的正确性。
微信小程序自定义顶部组件customHeader的示例代码
微信⼩程序⾃定义顶部组件customHeader的⽰例代码1、开启配置⾃定义顶部{"window": {"navigationStyle":"custom"}}在app.json的⽂件window配置"navigationStyle": "custom"属性即可2、⾃定义顶部计算原理2.1 获取系统状态栏的⾼度和屏幕宽度使⽤wx.getSystemInfo这个函数获取系统状态栏的⾼度和屏幕宽度。
2.2 获取右上⾓胶囊位置信息使⽤wx.getMenuButtonBoundingClientRect()⽅法获取右上⾓胶囊位置信息。
关键问题在于⾃定义胶囊的上、下和左边距。
2.3 ⾃定义顶部距离计算代码app.js代码如下App({// ⼩程序初始化onLaunch: function() {// 获取⾃定义顶部⾼度相关参数let capsuleObj = wx.getMenuButtonBoundingClientRect();// console.log("==胶囊信息==");// console.log(capsuleObj);wx.getSystemInfo({success: (res) => {// console.log("==获取系统信息==");// console.log(res)var statusBarHeight = res.statusBarHeight; //顶部状态栏⾼度this.globalData.capsuleObj = capsuleObj;this.globalData.titleHeight = statusBarHeight + capsuleObj.height + (capsuleObj.top - statusBarHeight) * 2; },failure() {}})},// 全局缓存globalData: {loginStatus: false,},})3、封装⾃定义顶部3.1效果图展⽰3.2组件代码index.wxml<!--components/customHeader/index.wxml--><view class="customHeader_box" style="height:{{titleHeight}}px; background-color:{{bgColor}};"><!-- 菜单 --><view wx:if="{{menuFlag}}" class="menu_box" style="height:{{capsuleObj.height}}px; top:{{capsuleObj.top}}px;"><view class="customIcon" bindtap="meunClick"><image src="/images/customMenu.png"></image></view></view><!-- 返回+⾸页 --><view wx:if="{{backHomeFlag}}" class="backHome_box" style="width:{{capsuleObj.width}}px; height:{{capsuleObj.height}}px; top:{{capsuleObj.top}}px;"> <view class="customIcon backIcon" bindtap="backClick"><image src="/images/customBack.png"></image></view><view class="customIcon homeIcon" bindtap="homeClick"><image src="/images/customHome.png"></image></view></view><!-- 标题 --><view class="customHeader_title" style="top:{{capsuleObj.top}}px; height:{{capsuleObj.height}}px; line-height:{{capsuleObj.height}}px;">{{customTitle}}</view></view><!-- ⾃定义顶部距离修正 --><view class="customWrap" style="height:{{titleHeight}}px;"></view>index.wxss/* components/customHeader/index.wxss */.customHeader_box {width: 100%;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 99999;}.customIcon {flex: 1;}.customIcon image {width: 30rpx;height: 30rpx;}/* 菜单 */.menu_box{text-align: center;box-sizing: border-box;overflow: hidden;position: absolute;left: 10px;z-index: 11;display: flex;justify-content: space-between; align-items: center;}.menu_box .customIcon image{ width: 36rpx;height: 36rpx;}/* 返回+⾸页 */.backHome_box {text-align: center;border: 1px solid #e5e5e5;border-radius: 20px;box-sizing: border-box;overflow: hidden;position: absolute;left: 10px;z-index: 11;display: flex;justify-content: space-between; align-items: center;}.backIcon {border-right: 1rpx solid #e5e5e5; }/* 标题 */.customHeader_title {width: 100%;padding-left: 115px;padding-right: 115px;text-align: center;font-size: 32rpx;font-weight: bold;color: #333;text-overflow: ellipsis;box-sizing: border-box;overflow: hidden;white-space: nowrap;position: absolute;left: 0;z-index: 10;}/* ⾃定义顶部距离修正 */.customWrap{width: 100%;position: relative;left: 0;z-index: 99998;}index.js// components/customHeader/index.js const app = getApp();Component({/*** 组件的属性列表*/properties: {customTitle: String,bgColor: {type: String,value: '#fff'},menuFlag: {type: Boolean,value: false},backHomeFlag: {type: Boolean,value: false},},/*** 组件的初始数据*/data: {},attached: function() {this.setData({titleHeight: app.globalData.titleHeight, capsuleObj: app.globalData.capsuleObj })},options: {multipleSlots: true, //开启多slot },/*** 组件的⽅法列表*/methods: {// 菜单meunClick: function () {wx.navigateTo({url: '/pages/menu/menu',})},// 返回backClick: function() {wx.navigateBack({delta: 1})},// 回⾸页homeClick: function() {wx.navigateTo({url: '/pages/index/index'})},}})index.json{"component": true}4、组件使⽤⽅法index.wxml<!--pages/index/index.wxml--><!-- ⾃定义顶部 --><customHeader menuFlag customTitle="⾸页"></customHeader><view class="url"><navigator hover-class="none" url="../child/child">跳到⼦页</navigator></view>ps：我这边封装了2个样式，meneFlag是菜单的。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
4. 参数化钢结构组件Tekla Structures 13.0基本培训2006-4-17Copyright © 2007 Tekla Corporation目录4参数化钢结构组件........................................... 4-34.1定义用户定义端板的用户组件............................................................. 4-34.2创建用户定义端板的用户组件............................................................. 4-84.3参数化用户定义端板的用户节点 ...................................................... 4-11打开用户单元编辑器 ............................................................................ 4-11定义端板的上下位置 ............................................................................ 4-13定义从梁上翼缘到第一个螺栓的距离.............................................. 4-15绑定柱子板和切割部件的顶面到梁的上翼缘................................. 4-184.4定义用户孔创建的用户细部 ............................................................... 4-23穿透空心板创建部件切割 ................................................................... 4-23定义用户细部 ......................................................................................... 4-254.5参数化用户孔创建的用户细部........................................................... 4-27打开用户单元编辑器 ............................................................................ 4-27定义参数.................................................................................................. 4-27校核结果.................................................................................................. 4-324参数化钢结构组件本课程中本课程将介绍用户组件及详细的内容。
将学习的内容有：∙定义用户组件∙使用用户组件∙编辑用户组件，使它们具有适用性和参数化4.1定义用户定义端板的用户组件可以通过炸开和修改已有组件，或者像课程2中所讲述的方法，即：分别创建组件对象，进行创建用户组件。
接下来，你可以通过点击包括在用户组件内的对象，来定义一个用户组件，指定用户需要输入的信息，例如：主部件，次部件，或者需要点击的点。
然后即月把它们应用到模型中类似的节点上去。
我们从柱－梁节点（已经在课程3中通过交互式的方法创建）开始创建一个用户组件。
通过改变节点到用户组件，你可以在模型中的其他部分或者其他模型中都可以使用该节点。
通过缩放功能，放大节点组成部分（梁柱节点组成已经在课程3中通过交互式的方法创建）。
确保视图中所有的对象类型可见 (焊缝、切割、安装、螺栓等)。
1. 选择细部>定义用户单元…，打开用户单元快捷方式对话框。
2. 在类型/注释标签页上，设置类型为节点，按照下图所示输入用户组件的名称和描述(描述不是必须的) 。
定义用户组件3.在位置标签页，设置位置类型为箱形平面，点击下一步>。
帮助: 细部 > 定制组件 > 定制组件引用 > 位置类型4.使用区域选择的方法选取属于组件的全部对象，点击快捷方式2/4页上的下一步>。
5.选择柱子作为主部件，点击快捷方式3/4页上的下一步>。
6.选择梁作为次部件，点击快捷方式4/4页上的完成。
Tekla Structures 显示新的用户组件的节点符号。
定义好的新的用户组件被添加到用户组件对话框列表中了。
4.2创建用户定义端板的用户组件我们将使用上一节定义的用户组件在其他梁的端部创建连接节点。
创建用户组件1.从其它梁的端部删除端板144节点。
2.打开组件目录。
3.从列表中选择用户定义端板组件。
4.点击右键，选择属性…。
5. 检查属性，点击应用。
帮助: 细部 > 定制组件 > 定义定制组件 > 定制组成基本属性 6. 点击柱子作为主部件，梁作为次部件。
用户组件创建。
我们将校核当位置改变时，用户组件是如何变化的。
1. 将梁的截面从IPE600变为IPE750*137，修改。
改变梁的截面2.点击撤销图标，使得梁的截面恢复到IPE600。
4.3参数化用户定义端板的用户节点用户定义端板节点作为用户组件进行定义的，但是缺少智能性或输入值。
为了能够添加兼容性，我们将编辑用户组件。
在本课程中，我们不创建完整的参数化节点，但是我们将给出如何在组件对象和模型之间构建简单关联性的解决方法。
我们创建下列变量以便可以自动地适应梁截面的调整。
可以在最后完成的节点界面中输入他们的值：∙端板顶面和底面的位置 (用于定义板的长度 )∙从第一个螺栓到梁上翼缘的距离接下来我们将创建下列变量，以便可以自动地适应梁截面的调整：∙柱子板的上部位置∙部件切割位置打开用户单元编辑器既然我们在模型中已经有了一个用户组件，我们直接打开用户单元编辑器。
编辑用户单元1.选择用户定义端板组成符号。
2.点击右键，选择编辑用户单元。
打开用户单元编辑器，出现用户单元编辑器工具条，模型浏览器，和四个用户组件的视图。
定义端板的上下位置我们的端板是使用梁命令，板的截面为PL20*230进行模拟的。
这意味着板的厚度(20)和宽度(230)是由截面定义的。
为了可以对板的宽度和厚度进行修改，我们需要对截面进行参数化。
长度是通过点击“梁”（板）的起始和结束点的位置确定的。
我们将在结束点和次梁的上下翼缘之间构建相关性。
1.选择端板。
绑定板的上面和次梁上面2.选择端板的上句柄。
.3.点击右键，选择绑定到平面。
通过移动鼠标，可以使可用平面高亮显示。
4.高亮显示次梁上翼缘平面，通过点击鼠标选定它。
适合的尺寸将出现在模型的屏幕中。
通过相同的步骤可以将端板的下句柄和次梁的下部平面绑定起来。
1. 选择端板。
2. 选择端板的下句柄。
3. 点击右键，选择绑定到平面。
4. 高亮显示次梁的下翼缘平面，点击鼠标选定它。
适合的尺寸将出现在模型的屏幕中。
定义从梁上翼缘到第一个螺栓的距离我们将添加一个变量来控制从梁顶面到第一个螺栓的距离。
绑定端板底部到次梁底部移去螺栓偏移为了使新的变量简单易用，我们先从螺栓开始移去原点偏移。
这样，添加在对话框中的值即为梁的上部到第一个螺栓的距离。
1. 双击螺栓组，打开螺栓属性对话框。
2. 改变起点Dx 偏移为0，点击修改。
1. 选择螺栓组。
2. 选择螺栓组的上句柄。
3. 点击右键，选择绑定到平面。
4. 高亮显示次梁上翼缘平面，点击鼠标选定它。
绑定第一个螺栓到次梁顶面适合的尺寸将出现在模型的屏幕中。
1. 点击显示变量图标，可以看到组件中所有的距离和参数变量。
变量对话框出现：帮助: 深化 > 定制组件 > 定制组件引用 > 变量2. 改变最下面变量的值（螺栓距离），从10到60，按下Enter 键。
3. 为了显示用户组件对话框中的变量，设置变量可见性为显示。
4. 按下下图所示输入变量标签，改变用户组件对话框中的区域名称。
显示和测试变量设置对话框中的变量标签绑定柱子板和切割部件的顶面到梁的上翼缘接下来，我们将绑定柱子连接板的上部和部件切割的上部到梁的上翼缘。
柱子的端板（部件切割也是这样）是采用轮廓板进行模拟的。
和梁不一样，轮廓板没有可以用于绑定的句柄。
但是我们可以从轮廓板的切角到平面创建距离变量。
为了不用一个一个地将切角绑定到平面上，我们将在轮廓板的顶面创建魔性的用户平面。
我们将绑定这个魔性平面到梁的上翼缘。
轮廓板的顶面将使用魔性平面移走。
帮助: 细部 > 定制组件 > 定制组件引用 > 用户定义平面1. 点击创建用户定义平面图标。
2. 点击柱子板顶部的三个点。
创建用户定义的平面3.点击鼠标中键，完成平面的创建。
仍然在命令中：4.点击板部件切割顶面的三个点。
5.点击鼠标中键，完成平面的创建。
1. 双击刚才创建的用户平面，打开平面属性对话框。
选择平面开关必须处于激活状态，你才能选上平面。
编辑用户平面为魔性平面2. 勾上魔性开关，点击修改。
3. 选择魔性用户平面。
4. 点击右键，选择绑定到平面。
5. 点击高亮显示的次梁的顶面。
6. 重复其他的平面。
7. 点击图标关闭编辑器。
绑定魔性平面到梁的顶面当我们想要在模型中保持已有的用户组件时，可以用一个新的名称来保存用户组件。
将梁的截面由IPE600改变为IPE750*137，修改。
在用户组件对话框中改变每个变量，点击修改来测试他们的功能。
改变梁的截面测试变量4.4定义用户孔创建的用户细部我们将创建用户细部，该细部为创建一个穿透空心板切割的孔。
穿透空心板创建部件切割首先我们将通过使用柱来定义切割形状来创建一个穿透空心板的部件切割。
创建切割部件1.选择位于轴线7和B上的标高为+3850处的空心板。
创建部件的一个基本视图：点击右键，从弹出菜单中选择：创建视图>部件基本视图。
2.为了创建正方形的尺寸为380*380 mms的部件切割：∙双击创建混凝土柱图标，定义柱子的尺寸和位置。
∙点击确认，关闭对话框。
∙ 如果由必要，重新启动柱子命令，然后按住Ctrl 键的同时，点击空心板的外侧端部中点 (这是柱子位置的参考点 )。
∙ 释放Ctrl 键，输入r ，打开输入数字定位对话框。
∙输入 –1000，按下Enter 键，创建距离边1000mms 的柱子。