[调整] panel 组件代码结构

docs/docs/zh-CN/components/color.md

@@ -5,25 +5,25 @@
 
 <template>
     <ul class="layui-row layui-col-space15">
-        <li class="layui-col-sm3">
+        <li class="layui-col-sm6">
             <div style="background-color: #009688;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
                 <p>#009688</p><p>
                 </p><p tips="">主色调之一</p>
             </div>
         </li>
-        <li class="layui-col-sm3">
+        <li class="layui-col-sm6">
             <div style="background-color: #5FB878;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
                 <p>#5FB878</p><p>
                 </p><p tips="">一般用于选中状态</p>
             </div>
         </li>
-        <li class="layui-col-sm3">
+        <li class="layui-col-sm6">
             <div style="background-color: #393D49;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
                 <p>#393D49</p><p>
                 </p><p tips="">通常用于导航</p>
             </div>
         </li>
-        <li class="layui-col-sm3">
+        <li class="layui-col-sm6">
             <div style="background-color: #1E9FFF;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
                 <p>#1E9FFF</p><p>
                 </p><p tips="">经典蓝</p>
@@ -53,25 +53,25 @@ export default {
 
 <template>
 <ul class="layui-row layui-col-space15">
-      <li class="layui-col-sm3">
+      <li class="layui-col-sm6">
         <div style="background-color: #FFB800;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
           <p>#FFB800</p><p>
           </p><p tips="">暖色系</p>
         </div>
       </li>
-      <li class="layui-col-sm3">
+      <li class="layui-col-sm6">
         <div style="background-color: #FF5722;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
           <p>#FF5722</p><p>
           </p><p tips="">比较引人注意的颜色</p>
         </div>
       </li>
-      <li class="layui-col-sm3">
+      <li class="layui-col-sm6">
         <div style="background-color: #01AAED;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
           <p>#01AAED</p><p>
           </p><p tips="">文本链接着色</p>
         </div>
       </li>
-      <li class="layui-col-sm3">
+      <li class="layui-col-sm6">
         <div style="background-color: #2F4056;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
           <p>#2F4056</p><p>
           </p><p tips="">侧边色</p>

docs/src/router/zh-CN.ts

@@ -108,7 +108,7 @@ const zhCN = [
           },
           {
             path: '/zh-CN/components/card',
-            component: () => import('../../docs/zh-CN/components/cards.md'),
+            component: () => import('../../docs/zh-CN/components/card.md'),
             meta: { title: '卡片' },
           },
           {

docs/src/view/index.vue

@@ -61,7 +61,7 @@
     <div style="margin-left: 10%; margin-right: 10%">
       <div>
         <ul class="layui-row layui-col-space30 site-idea">
-          <li class="layui-col-md4">
+          <li class="layui-col-md8">
             <div>
               <fieldset class="layui-elem-field layui-field-title">
                 <legend>返璞归真</legend>
@@ -72,7 +72,7 @@
               </fieldset>
             </div>
           </li>
-          <li class="layui-col-md4">
+          <li class="layui-col-md8">
             <div>
               <fieldset class="layui-elem-field layui-field-title">
                 <legend>双面体验</legend>
@@ -83,7 +83,7 @@
               </fieldset>
             </div>
           </li>
-          <li class="layui-col-md4">
+          <li class="layui-col-md8">
             <div>
               <fieldset class="layui-elem-field layui-field-title">
                 <legend>星辰大海</legend>

src/css/layui.css

@@ -1258,14 +1258,6 @@ a cite {
   margin: 0;
 }
 
-.layui-panel {
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 2px;
-  background-color: #fff;
-  color: #666;
-}
-
 .layui-bg-black,
 .layui-bg-blue,
 .layui-bg-cyan,

src/module/panel/index.less

@@ -0,0 +1,7 @@
+.layui-panel {
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 2px;
+    background-color: #fff;
+    color: #666;
+}

src/module/panel/index.ts

@@ -6,4 +6,4 @@ Component.install = (app: App) => {
   app.component(Component.name || 'LayPanel', Component)
 }
 
-export default Component as IDefineComponent
+export default Component as IDefineComponent

src/module/panel/index.vue

@@ -1,6 +1,15 @@
+<script lang="ts">
+export default {
+  name: "LayPanel"
+}
+</script>
+
+<script setup lang="ts">
+import "./index.less"
+</script>
+
 <template>
   <div class="layui-panel">
     <slot />
   </div>
-</template>
-<script setup name="LayPanel" lang="ts"></script>
+</template>