AUIKeShiHuaBuJuGongJu可视化布局工具_java的可视化布局工具资源-CSDN文库

共65个文件

od：39个

png：9个

js：9个

版权申诉

web应用开发

151 浏览量 2024-03-25 13:31:23 上传评论收藏 1.86MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

AUIKeShiHuaBuJuGongJu-master.zip （65个子文件）

AUIKeShiHuaBuJuGongJu-master

ctrl

Card.od 3KB

Range.od 1KB

Footer.od 2KB

ChatBox.od 224B

AuiLabel.od 2KB

Image.od 454B

AuiButton.od 2KB

Tabs.od 1KB

Table.od 2KB

Input.od 2KB

Grid.od 4KB

AuiRadio.od 992B

Switch.od 533B

Tab.od 3KB

Form.od 809B

Base.od 10KB

AuiTextarea.od 555B

Text.od 492B

Progress.od 1KB

CheckBox.od 1KB

Select.od 1KB

ChatItem.od 3KB

P.od 450B

AuiInput.od 522B

Tip.od 467B

Icon.od 202B

AuiSearch.od 630B

Button.od 827B

Column.od 877B

FormUl.od 226B

AuiMediaList.od 6KB

Bar.od 2KB

AuiSelect.od 673B

Link.od 742B

Radio.od 1KB

ChatHeader.od 239B

Textarea.od 726B

AuiList.od 2KB

Ul.od 1KB

webpack.config.js 557B

image

demo4.png 25KB

l3.png 665KB

demo3.png 25KB

l2.png 389KB

demo2.png 25KB

demo6.png 25KB

l1.png 442KB

demo1.png 25KB

demo5.png 25KB

codemirror.js 361KB

javascript.js 35KB

framework.js 13KB

jquery-2.0.0.min.js 81KB

html2canvas.min.js 162KB

jquery-ui.js 223KB

dist

index.js 55KB

package.json 534B

css

style.css 6KB

aui-iconfont.ttf 36KB

aui.css 60KB

codemirror.css 8KB

package-lock.json 199KB

index.html 42KB

index.js 2KB

.gitignore 22B

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/> <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"> <link rel="stylesheet" href="css/aui.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/codemirror.css"/> <script src="js/jquery-2.0.0.min.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/codemirror.js"></script> <script src="js/javascript.js"></script> <script src="js/html2canvas.min.js"></script> <title>OkayDesigner</title> </head> <body> <header class = "header"> <div class = "logo"> <p class = "brand">OkayDesigner</p> <p class = "desc">让代码简单点</p> </div> <div class = "option-icon" onclick = "save()"> <i class = "fa fa-floppy-o"></i> <div>保存</div> </div> <div class = "option-icon" onclick = "preview()"> <i class = "fa fa-eye"></i> <div>预览</div> </div> <div class = "option-icon">  | </div> <div class = "option-icon" onclick="downSrc()"> <i class = "fa fa-cloud-download"></i> <div>下载</div> </div> <div class = "option-icon" onclick = "downPic()"> <i class = "fa fa-mail-forward"></i> <div>导出设计图</div> </div> <div class = "option-icon">  | </div> <div class = "option-icon has "> <i class = "fa fa-object-group"></i> <div>视图</div> <ul class = "view-picker"> <li data-width = "360" data-height = "640" data-size="11px">Galaxy S5</li> <li data-width = "411" data-height = "731" data-size="12px">Pixel2</li> <li data-width = "411" data-height = "823" data-size="12px">Pixel2 XL</li> <li data-width = "320" data-height = "568" data-size="11px">iPhone5/SE</li> <li data-width = "375" data-height = "667" data-size="12px">iPhone6/7/8</li> <li data-width = "414" data-height = "736" data-size="12px">iPhone6/7/8Plus</li> <li data-width = "375" data-height = "812" data-size="11px">iPhoneX</li> <li data-width = "768" data-height = "1024" data-size="23.5px">iPad</li> <li data-height = "1024" data-height = "1366" data-size="25px">iPadPro</li> </ul> </div> <div class = "option-icon" onclick = "orientation()" > <i class = "fa fa-arrows-h"></i> <div>横屏</div> </div> <div class = "option-icon">  | </div> <div class = "option-icon"> <a href="https://gitee.com/djxfire/AUIKeShiHuaBuJuGongJu.git" target="_blank"> <i class = "fa fa-git-square"></i> <div>git</div> </a> </div> </header> <main> <aside> <nav class = "tab-bar"> <div class = "tab-bar-item active" target="base-panel"> <i class=" fa fa-gear"></i>基础 </div> <div class = "tab-bar-item" target="aui-panel"> <i class=" fa fa-adn"></i>AUI </div> <div class = "tab-bar-item " target = "icon-panel"> <i class=" fa fa-smile-o"></i>图标 </div> </nav> <div class = "tab-content"> <div class = "tab-content-item active" id = "base-panel"> <table> <tr> <td> <div class = "draggable item ctrl" action-view="text"> <span class = "drag fa fa-arrows"></span> <div class = "preview"><i class="fa fa-font"></i><p>文本</p></div> </div> </td> <td> <div class = "draggable item ctrl" action-view="link"> <span class = "drag fa fa-arrows"></span> <div class = "preview"><i class="fa fa-link draggable" ></i><p>链接</p></div> </div> </td> <td> <div class = "draggable item" action-view="p" > <span class = "drag fa fa-arrows"></span> <div class="preview"> <i class="fa fa-dedent draggable" ></i><p>段落</p> </div> </div> </td> </tr> <tr> <td> <div class = "draggable item" action-view="table" > <span class = "drag fa fa-arrows"></span> <div class="preview"> <i class="fa fa-newspaper-o draggable" ></i><p>表格</p> </div> </div> </td> <td> <div class = "draggable item" action-view="ul" > <span class = "drag fa fa-arrows"></span> <div class="preview"> <i class="fa fa-list-ol draggable" ></i><p>列表</p> </div> </div> </td> <td> <div class = "draggable item" action-view="form" > <span class = "drag fa fa-arrows"></span> <div class="preview"> <i class="fa fa-building-o draggable" ></i><p>表单</p> </div> </div> </td> </tr> <tr> <td> <div class = "draggable item ctrl" action-view="button" > <span class = "drag fa fa-arrows"></span> <div class="preview"> <i class="fa fa-hand-pointer-o draggable" ></i><p>按钮</p> </div> </div> </td> <td> <div class = "draggable item ctrl" action-view="input" > <span class = "drag fa fa-arrows"></span> <div class="preview"> <i class="fa fa-italic draggable" ></i><p>输入框</p> </div> </div> </td> <td> <div class = "draggable item ctrl" action-view="checkbox" > <span class = "drag fa fa-arrows"></span> <div class="preview"> <i class="fa fa-check-square-o draggable" ></i><p>复选框</p> </div> </div> </td> </tr> <tr> <td> <div class = "draggable item ctrl" action-view="radio" > <span class = "drag fa fa-arrows"></span> <div class="preview"> <i class="fa fa-dot-circle-o draggable" ></i><p>单选框</p> </div> </div> </td> <td> <div class = "draggable item ctrl" action-view="select" >

评论收藏

内容反馈

版权申诉