diff --git a/src/components/ButtonDemo.vue b/src/components/ButtonDemo.vue index d1838bd..60b5ee3 100644 --- a/src/components/ButtonDemo.vue +++ b/src/components/ButtonDemo.vue @@ -1,15 +1,15 @@ diff --git a/src/components/CardDemo.vue b/src/components/CardDemo.vue new file mode 100644 index 0000000..68808e5 --- /dev/null +++ b/src/components/CardDemo.vue @@ -0,0 +1,19 @@ + + + diff --git a/src/components/CarouselDemo.vue b/src/components/CarouselDemo.vue new file mode 100644 index 0000000..0c3840e --- /dev/null +++ b/src/components/CarouselDemo.vue @@ -0,0 +1,19 @@ + + + diff --git a/src/components/Demo.vue b/src/components/Demo.vue index 9513721..e9913f2 100644 --- a/src/components/Demo.vue +++ b/src/components/Demo.vue @@ -17,7 +17,7 @@ diff --git a/src/components/Topnav.vue b/src/components/Topnav.vue index cd46ada..dcfdb2a 100644 --- a/src/components/Topnav.vue +++ b/src/components/Topnav.vue @@ -17,7 +17,6 @@ export default { name: "Topnav", setup() { const menuVisible = inject>("xxx"); - // console.log("topnav", menuVisible); const toggleMenu = () => { menuVisible.value = !menuVisible.value; }; @@ -27,9 +26,6 @@ export default { const backRouter = () => { router.push("/"); }; - // const backToHome = () => { - // router.push("/"); - // }; return { toggleMenu, path, @@ -56,6 +52,9 @@ export default { .backToHome { float: right; cursor: pointer; + &:hover { + color:#73c9e5; + } } > .logo { transform: translateX(50%); diff --git a/src/demos/Card1.demo.vue b/src/demos/Card1.demo.vue new file mode 100644 index 0000000..4594b22 --- /dev/null +++ b/src/demos/Card1.demo.vue @@ -0,0 +1,45 @@ + +卡片 + + + + + diff --git a/src/demos/Carousel1.demo.vue b/src/demos/Carousel1.demo.vue new file mode 100644 index 0000000..a865cbf --- /dev/null +++ b/src/demos/Carousel1.demo.vue @@ -0,0 +1,38 @@ + +走马灯-轮播图 + + + + + diff --git a/src/demos/Dialog1.demo.vue b/src/demos/Dialog1.demo.vue index d169396..d4bdc73 100644 --- a/src/demos/Dialog1.demo.vue +++ b/src/demos/Dialog1.demo.vue @@ -20,7 +20,7 @@ import { Dialog } from "../lib/index"; import { Button } from "../lib/index"; import { ref } from "vue"; -import { openDialog } from "../lib/openDialog"; +import { openDialog } from "../lib/index"; export default { components: { Dialog, diff --git a/src/demos/Dialog2.demo.vue b/src/demos/Dialog2.demo.vue index 9105c5d..ff88717 100644 --- a/src/demos/Dialog2.demo.vue +++ b/src/demos/Dialog2.demo.vue @@ -10,7 +10,7 @@ - - diff --git a/src/lib/font_svg/demo.css b/src/lib/assets/font/demo.css similarity index 100% rename from src/lib/font_svg/demo.css rename to src/lib/assets/font/demo.css diff --git a/src/lib/font_svg/demo_index.html b/src/lib/assets/font/demo_index.html similarity index 96% rename from src/lib/font_svg/demo_index.html rename to src/lib/assets/font/demo_index.html index 9ee6813..b4ad29b 100644 --- a/src/lib/font_svg/demo_index.html +++ b/src/lib/assets/font/demo_index.html @@ -31,15 +31,21 @@

  • - -
    跑步
    -
    
    + +
    圣诞帽
    +
    
  • - -
    哔哩哔哩动画
    -
    
    + +
    bilibili
    +
    
    +
    • + +
  • + +
    跑步
    +
    
  • @@ -207,23 +213,32 @@

    第三步：挑选相应图标并获取字体编码，应用于页面
    • - +
      - 跑步 + 圣诞帽
      -
      .icon-run +
      .icon-christmas-hat
    • - 哔哩哔哩动画 + bilibili
      .icon-progress_tv
      • +
    • + +
      + 跑步 +
      +
      .icon-run +
      +
      • +
    • @@ -426,20 +441,28 @@

      第二步：挑选相应图标并获取类名，应用于页面： -
      跑步
      -
      #icon-run
      +
      圣诞帽
      +
      #icon-christmas-hat

    • -
      哔哩哔哩动画
      +
      bilibili
      #icon-progress_tv
      • +
    • + +
      跑步
      +
      #icon-run
      +
      • +
    • +
      {{ title }}
      +
      + +
      +
      +
      + +
      +
      {{ title }}
      +
      + +
      +
      +
      + + + + + \ No newline at end of file diff --git a/src/lib/componets/advanced/Carousel.vue b/src/lib/componets/advanced/Carousel.vue new file mode 100644 index 0000000..1941a49 --- /dev/null +++ b/src/lib/componets/advanced/Carousel.vue @@ -0,0 +1,290 @@ + + + + \ No newline at end of file diff --git a/src/lib/componets/advanced/CarouselItem.vue b/src/lib/componets/advanced/CarouselItem.vue new file mode 100644 index 0000000..1e72c30 --- /dev/null +++ b/src/lib/componets/advanced/CarouselItem.vue @@ -0,0 +1,28 @@ + + + + + \ No newline at end of file diff --git a/src/lib/Dialog.vue b/src/lib/componets/advanced/Dialog.vue similarity index 98% rename from src/lib/Dialog.vue rename to src/lib/componets/advanced/Dialog.vue index 4c8d869..656748a 100644 --- a/src/lib/Dialog.vue +++ b/src/lib/componets/advanced/Dialog.vue @@ -22,7 +22,7 @@ + + diff --git a/src/lib/openDialog.ts b/src/lib/componets/advanced/openDialog.ts similarity index 100% rename from src/lib/openDialog.ts rename to src/lib/componets/advanced/openDialog.ts diff --git a/src/lib/Switch.vue b/src/lib/componets/basic/Switch.vue similarity index 99% rename from src/lib/Switch.vue rename to src/lib/componets/basic/Switch.vue index c0ff518..ffbb5f1 100644 --- a/src/lib/Switch.vue +++ b/src/lib/componets/basic/Switch.vue @@ -32,7 +32,6 @@