Day16:小前端

落日映苍穹つ 2021-09-29 14:38 259阅读 0赞

## 回到顶部 ##

![image][]

Web Strom

![image][image 1]

VS Code

![image][image 2]

HBuilder

![image][image 3]

Sublime

![image][image 4]

ATOM

EasyUI简介  
easyui是一种基于jQuery的，角，Vue公司和阵营的用户界面插件集合。

easyui为创建现代化，互动，JavaScript的应用程序，提供必要的功能。

使用easyui你不需要写很多代码，你只需要通过编写一些简单的HTML标记，就可以定义用户界面。

easyui是个完美支持HTML5网页的完整框架。

easyui节省您网页开发的时间和规模。

easyui很简单但功能强大的。

轻松使用EasyUI

<div class="easyui-dialog" style="width:400px;height:200px"
        data-options="
            title:'My Dialog',
            iconCls:'icon-ok',
            onOpen:function(){}">
        dialog content.
    </div>

<input id="cc" style="width:200px" />
    
    $('#cc').combobox({
    	url: ...,
    	required: true,
    	valueField: 'id',
    	textField: 'text'
    });

<template>
      <div>
      <DIV>
        <h2>Basic Accordion</h2>
        <h2>基本手风琴</ h2>
        <Accordion style="height:250px">
        <Accordion style =“height：250px”>
          <AccordionPanel :title="'Title1'">
          <AccordionPanel：title =“'Title1'”>
            <p>Content1</p>
            <P>内容1 </ P>
          </AccordionPanel>
          </ AccordionPanel>
          <AccordionPanel :title="'Title2'">
          <AccordionPanel：title =“'Title2'”>
            <p>Content2</p>
            <P>内容2 </ P>
          </AccordionPanel>
          </ AccordionPanel>
          <AccordionPanel :title="'Title3'">
          <AccordionPanel：title =“'Title3'”>
            <p>Content3</p>
            <P> Content3 </ P>
          </AccordionPanel>
          </ AccordionPanel>
        </Accordion>
        </手风琴>
      </div>
      </ DIV>
    </template>
    </模板>
    
    <script>
    <SCRIPT>
    export default {};
    export default {};
    </script>
    </ SCRIPT>

![image.png][]

--------------------

## 请点赞！因为你的鼓励是我写作的最大动力！ ##

![官方微信公众号][aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWYwYzExMDQxYTc2NTYzZTc]

吹逼交流群：**711613774**

![吹逼交流群][aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWQ5ZDY0ZmEyOTAzNzFlYTUucG5n]

[image]: /images/20210724/d8227b56621a49efadf6769302eb550b.png
[image 1]: /images/20210724/a6a4f8845c7b4182babcce44442767e0.png
[image 2]: /images/20210724/aae301b4e2514dd5b1e19ed798bb7d66.png
[image 3]: /images/20210724/d9cf448a432e478aa0547dcc31b3edb8.png
[image 4]: /images/20210724/2d0f5bb6c5b540faabacd6c3fe6d821d.png
[image.png]: /images/20210724/a262ca528e384a8eac28e6a42588d44b.png
[aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWYwYzExMDQxYTc2NTYzZTc]: /images/20210724/6472d116fd6b484fb75c9a1fd646d31a.png
[aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWQ5ZDY0ZmEyOTAzNzFlYTUucG5n]: /images/20210724/e74bba3ae1cf4a55aa4d7e8ecd94b4bd.png