首页帮我用deveco写一个简单的有功能的页面

帮我用deveco写一个简单的有功能的页面

时间: 2024-12-22 18:18:06 浏览: 95

Deveco是一个前端框架，用于构建可高度定制的响应式Web应用程序。下面是一个基本的使用Deveco搭建的HTML、CSS和JavaScript的简单页面示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Deveco 简单页面</title>  <link rel="stylesheet" href="https://unpkg.com/@deveco/core/dist/deveco.min.css"> </head> <body>  <div class="layout container"> <header class="header"> <h1 class="title">欢迎来到Deveco 示例</h1> </header> <main class="main"> <section class="content"> <p>这是一个由Deveco构建的基本页面，你可以添加更多内容。</p> <button id="myButton" onclick="handleButtonClick()">点击我</button> </section> </main> <footer class="footer"> <p>版权所有 © Deveco 示例</p> </footer> </div>  <script src="https://unpkg.com/@deveco/core/dist/deveco.min.js"></script> <script> function handleButtonClick() { alert('按钮被点击了!'); } </script> </body> </html> ``` 这个例子创建了一个包含头部、主体和页脚的简单布局，并有一个可以触发弹窗的按钮。注意，你需要实际安装Deveco库并在项目中引入，这里直接使用的CDN链接只是示例。

阅读全文