crm_project/application/admin/view/qingdong/customer/product/detail.html

<style type="text/css">
	.btn-list {
		position: fixed;
		right: 40px;
	}
	.div-flex {
		display: flex
	}
	.div-flex .form-group {
		margin-right: 50px;
		text-align: center;
		line-height: 25px;
		margin-bottom: 0;
	}
	.tab-pane {
		border: 1px solid #F6F6F6;
	}
	.i-color {
		font-size: 34px;margin-right: 10px;color: #86C3FF;
	}
	.thumbnail {
		display: flow-root;
		width: max-content;
	}
	.thumbnail img {
		width: 50px;
		float: left;
		padding: 5px;
	}
</style>
<div class="panel panel-default panel-intro">
	<input type="hidden" name="ids" id="ids" value="{$ids}"/>
	<div class="div-flex">
		<img src="{$row.img}" width="50" style="margin-right: 10px;">
		<div style="line-height: 35px"><b>{$row.name}</b></div>
		<div class="btn-list">
			<a class="btn btn-info btn-edit" data-toggle="dropdown">编辑</a>
			<a class="btn btn-info btn-danger btn-del"  id="dels">删除</a>

		</div>
	</div>
	<div class="div-flex" style="margin-top: 20px">
		<div class="form-group">
			<span>产品编码</span>
			<p><label>{$row.num}</label></p>
		</div>
		<div class="form-group">
			<span>标准价格</span>
			<p><label>{$row.price}</label></p>
		</div>
	</div>


	<div>

		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active"><a href="#basic" aria-controls="profile" role="tab" data-toggle="tab">基本信息</a></li>
		</ul>

		<div class="tab-content" style="overflow-y: scroll;height:565px">

			<div role="tabpanel" class="tab-pane fade panel-body active in" id="basic">
				<div class="form-group">
					<div class="alert alert-warning-light no-margin">
						基础信息
					</div>
				</div>

				<div class="form-group">
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">产品名称:</span>
							<b>{$row.name}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">产品编码:</span>
							<b>{$row.num}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">标准价格:</span>
							<b>{$row.price}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">产品图片:</span>
							<img src="{$row.img}" width="200" style="margin-left: 10px">
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">产品描述:</span>
							<b>{$row.description}</b>
						</div>
					</div>
				</div>

			</div>
		</div>

	</div>
</div>