wfz/fauto-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ai牛逼

Browse Source
This commit is contained in:
wfz
2026-01-20 21:53:09 +08:00
parent 4a90340ab3
commit bfa4e3107f
23 changed files with 2154 additions and 592 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
draggable-panels/src/views/TestPage1.vue
View File

@@ -1,27 +1,73 @@
<template>
<el-row class="page-container" :gutter="20">
<el-col :span="12">
<div class="design-component">左侧内容区域</div>
</el-col>
<el-row class="page-container" :gutter="20">
<el-col :span="12">
<div class="design-component design-text-input">
<el-form-item label="文本输入">
<el-input v-model="inputValue" placeholder="请输入内容"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-row :gutter="10">
<el-col :span="24">
<div class="design-component">右侧标题</div>
</el-col>
</el-row>
<el-col :span="12">
<div class="design-component">右侧列2</div>
</el-col>
</el-row>
<el-row :gutter="10">
<el-row :gutter="10">
<el-col :span="12">
<div class="design-component">右侧列2</div>
</el-col>
<el-col :span="12">
<div class="design-component design-radio-select">
<el-form-item label="单选选择">
<el-radio-group v-model="radioValue">
<el-radio label="选项1" value="1" />
<el-radio label="选项2" value="2" />
<el-radio label="选项3" value="3" />
</el-radio-group>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<div class="design-component">左侧内容区域</div>
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<div class="design-component">右侧列1</div>
</el-col>
</el-row>
<div class="design-component design-radio-select" data-component="单选器">
<el-form-item label="单选选择">
<el-radio-group text-color="#da0707" fill="#703e67" >
<el-radio label="选项1" value="1" />
<el-radio label="选项2" value="2" />
<el-radio label="选项3" value="3" />
</el-radio-group>
</el-form-item>
</div>
</el-col>
<el-col :span="16">
<div class="design-component design-grid-table" data-component="表格">
<el-table border="false" stripe="false" size="mini" :data="tableData" style="width: 100%">
<el-table-column prop="col1" label="列1" />
<el-table-column prop="col2" label="列2" />
<el-table-column prop="col3" label="列3" />
</el-table>
</div>
</el-col>
<el-col :span="12">
<div class="design-component design-text-input" data-component="输入框">
<el-form-item label="文本输入">
<el-input v-model="inputValue" placeholder="请输入内容111"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
</template>
<script setup lang="ts">