Dedecms内容模型管理—联动类别的使用

<style type="text/css">
.clear {
	clear: both;
}
.sx_css {
	width: 96%;
	overflow: hidden;
	border: 1px solid rgba(187, 187, 187, 1);
	padding: 10px 0px;
	margin: 10px auto;
}
.sx_css .on {
	color: white;
	background-color: #f05b72;
}
.sx_css>b {
	width: 80px;
	line-height: 35px;
	height: 35px;
	display: block;
	float: left;
	text-align: center;
	margin-left: 12px;
	font-size: 14px;
}
.sx_css .sx_css_content {
	width: 720px;
	height: auto;
	float: left;
}
.sx_css .sx_css_red {
	background: #ff5438;
	margin-top: 10px;
}
.sx_css .sx_css_red a, .sx_css .sx_css_red a:hover {
	color: #fff !important;
}
.sx_css .sx_css_red a>b {
	display: block;
	background: #ff7e62 none repeat scroll 0 0;
	color: #fff !important;
	line-height: 35px;
	height: 35px;
	padding: 0 10px;
}
.sx_css .sx_css_content a {
	padding: 0 10px;
	font-size: 14px;
	float: left;
	display: block;
	text-align: center;
	line-height: 35px;
	height: 35px;
}
.sx_css .sx_css_content a:hover {
	color: #f05b72;
}
</style>
{dede:infolink}
<div class='sx_css'>
    <b>省份:</b>
    <div class="sx_css_content">[field:linkallplace/]</div>
    <div class="clear"></div>
    <b></b>
    <div class="sx_css_content sx_css_red">	[field:dq/]</div>
    <div class="clear"></div>
    <!-- <b></b> -->
    <!-- <div class="sx_css_content sx_css_red">	[field:county/]</div>-->
</div>
<div class='sx_css'>
    <b>项目:</b>
    <div class="sx_css_content ">[field:xm_parent/]</div>
    <div class="clear"></div>
    <b></b>
    <div class="sx_css_content sx_css_red">	[field:xm/]</div>
    <div class="clear"></div>
    <b></b>
    <div class="sx_css_content sx_css_red ">[field:xm_son/]</div>
    <div class="clear"></div>
</div>
{/dede:infolink}

<style type="text/css">
.ldsx {
	display: flex;
	margin-bottom: .2em;
	position: relative;
}
.ldsx .ld-menu {
	display: flex;
	width: 100%;
}
.ldsx .ld-menu i:first-child {
	border-right: 1px solid #f6f6f6;
}
.ldsx .ld-menu i, .ldsx .ld-menu i {
	display: block;
	width: 50%;
	text-align: center;
	background-color: #FFF;
	padding: 1em;
	border-bottom: 1px solid #f3f3f3;
}
.ldsx .ld-menu i:after {
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 1px 1px 0 0;
	border-color: #0d0d0d;
	border-style: solid;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: relative;
	top: -.3em;
	margin-left: .4em;
}
.area, .project {
	margin-top: .7em;
	z-index: 100;
	margin-bottom: 4em;
	position: absolute;
	display: none;
	top: 3.5em;
	width: 100%;
	left: 0;
	background-color: #fff;
}
.area .area_list, .project .project_list {
	background-color: #f3f3f3;
	font-size: .9em;
}
.area .area_list .pointer, .project .project_list .pointer {
	height: 20em;
	overflow-y: scroll;
}
.active {
	display: flex !important;
}
.area, .project {
}
.wap-Dropmenu-box a {
	color: #333333;
	background: #EEEEEE;
	padding: 0.1rem .55rem;
	display: block;
	float: left;
	margin: .4rem .8rem .4rem 0;
	font-size: .875rem;
}
.list-sx b {
}
.list-sx a {
	width: 9em;
	display: block;
	text-align: center;
	line-height: 3em;
}
.list-sx .on {
	color: white;
	background-color: #f05b72;
}
</style>
{dede:infolink}
<div class="area">
    <ul class="area_list list-sx" id="area_list">
        <li class="pointer">[field:linkallplace/] </li>
    </ul>
    <div class="wap-Dropmenu-box">
        [field:dq/]
    </div>
</div>
<div class="project">
    <ul class="project_list list-sx" id="project_list">
        <li class="pointer">[field:xm_parent/]</li>
    </ul>
    <div class="wap-Dropmenu-box">
        [field:xm_son_all/]
    </div>
</div>
{/dede:infolink}