<template>
  <div>
    <div style="margin-top:10px;width: 100%;">
		<dade-descriptions>
			<tr>
				<dade-descriptions-item label="代理名称">
					<dade-input placeholder="代理名称"></dade-input>
				</dade-descriptions-item>
				<dade-descriptions-item label="代理级别">
					<n-select class="dade-select" :options="options" />
				</dade-descriptions-item>
				<dade-descriptions-item label="手机号">
					<n-input type="text" placeholder="基本的 Input" />
				</dade-descriptions-item>
				<dade-descriptions-item label="状态">
					<div style="padding: 4px 8px;">22</div>
				</dade-descriptions-item>
			</tr>
			<tr>
				<dade-descriptions-item label="开始时间">22</dade-descriptions-item>
				<dade-descriptions-item label="结束时间" colspan="5">33</dade-descriptions-item>
			</tr>
			<tr>
				<dade-descriptions-item label="大得001" colspan="7"><n-input type="text" placeholder="基本的 Input" /></dade-descriptions-item>
			</tr>
		</dade-descriptions>
    </div>
  </div>
</template>

<script setup>
	import { ref,onMounted } from 'vue';
	// 初始化好后执行
	onMounted(() => {
		// 获取元素集合,去掉n-select下拉框的边框
	    const myDivs = document.getElementsByClassName('n-base-selection');
	    // 检查是否有匹配的元素
	    if (myDivs.length > 0) {
			for(let i=0;i<=myDivs.length - 1;i++){
				// 访问第一个匹配的元素
				const myDiv = myDivs[i];
				// 移除 --n-border 样式
				myDiv.style.removeProperty('--n-border');
			}
	    }
		// 去掉n-input边框
		const myDivs2 = document.getElementsByClassName('n-input');
		if (myDivs2.length > 0) {
		  for(let i=0;i<=myDivs2.length - 1;i++){
			  // 访问第一个匹配的元素
			  const myDiv = myDivs2[i];
			  // 移除 --n-border 样式
			  myDiv.style.removeProperty('--n-border');
		  }
		}
	});
	let options = ref([
		{
		  label: "Drive My Car",
		  value: "song1"
		},
		{
		  label: "Norwegian Wood",
		  value: "song2"
		}
	])
	
</script>

<style scoped>
	

</style>

descriptions组件文章
https://blog.csdn.net/qq_34631220/article/details/145491806