fix tailwind style conflicts with antd

src/App.vue

@@ -1,5 +1,9 @@
 <template>
-  <router-view></router-view>
+  <!-- 解决tailwind冲突问题 -->
+  <a-style-provider hash-priority="high">
+    <router-view></router-view>
+  </a-style-provider>
+  
 </template>
 <script>
 </script>

src/assert/main.css

@@ -1,3 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+svg {
+    vertical-align: baseline;
+  }

src/components/HomeComponents/NavBar.vue

@@ -193,7 +193,7 @@ const items = ref([
         label: '新闻',}
 
 ]);
-const appValue = current[0].key; // 使用点号访问属性
+// const appValue = current[0].key; // 使用点号访问属性
 const current = ref();
 // 传对应key给current但是没用怎么回事
 function updateCurrent(key) {

src/views/WorkLoadPage/I_Responsible.vue

@@ -67,53 +67,34 @@
             <a-form-item label="工作量">
               <a-input />
             </a-form-item>          
-            <a-form-item label="Checkbox">
-              <a-checkbox>checkbox</a-checkbox>
-            </a-form-item>
-            <a-form-item label="Radio">
-              <a-radio-group v-model:value="radioValue">
-                <a-radio value="apple">Apple</a-radio>
-                <a-radio value="pear">Pear</a-radio>
-              </a-radio-group>
-            </a-form-item>
-
-            <a-form-item label="Select">
-              <a-select>
-                <a-select-option value="demo">Demo</a-select-option>
+            <a-form-item label="状态">
+              <a-select
+                ref="select"
+                v-model:value="value1"
+                style="width: 120px"
+                @focus="focus"
+                @change="handleChange"
+              >
+                <a-select-option value="jack">Jack</a-select-option>
+                <a-select-option value="lucy">Lucy</a-select-option>
+                <a-select-option value="disabled" disabled>Disabled</a-select-option>
+                <a-select-option value="Yiminghe">yiminghe</a-select-option>
               </a-select>
             </a-form-item>
-            <a-form-item label="TreeSelect">
-              <a-tree-select :tree-data="treeData" />
+            <a-form-item label="项目描述">
+              <a-textarea v-model:value="value" placeholder="Basic usage" :rows="4" />
             </a-form-item>
-            <a-form-item label="Cascader">
-              <a-cascader :options="options" />
-            </a-form-item>
-            <a-form-item label="DatePicker">
-              <a-date-picker />
-            </a-form-item>
-            <a-form-item label="RangePicker">
-              <a-range-picker />
-            </a-form-item>
-            <a-form-item label="InputNumber">
-              <a-input-number />
-            </a-form-item>
-            <a-form-item label="TextArea">
-              <a-textarea :rows="4" />
-            </a-form-item>
-            <a-form-item label="Switch">
-              <a-switch v-model:checked="checked" />
-            </a-form-item>
-            <a-form-item label="Upload">
-              <a-upload action="/upload.do" list-type="picture-card">
-                <div>
-                  <PlusOutlined />
-                  <div style="margin-top: 8px">Upload</div>
-                </div>
+            <a-form-item label="上传文档">
+              <a-upload
+                :default-file-list="defaultFileList"
+                :customRequest="customRequest"
+                :showUploadList="false"
+              >
+                <a-button icon="upload">Upload</a-button>
               </a-upload>
             </a-form-item>
-            <a-form-item label="Button">
-              <a-button>Button</a-button>
-            </a-form-item>
+
+        
           </a-form>
         </a-modal>
     </a-tooltip>

tailwind.config.js

@@ -10,4 +10,6 @@ module.exports = {
   plugins: [
       require('flowbite/plugin')
   ],
+
+
 }