zc100/template/pc/components/detail/style_4.htm

<?php
    $name = "detail-s-4";
?>
<link rel="stylesheet" href="/template/pc/components/detail/style_4.css"   media="all">
<!--定义div盒子-->
<div class="<?php echo $name; ?>-content">
    <div class="box">
        <!--定义内容布局--->
        <div class="row">
            <!--定义内部栅格 上下中左右 使用浮动-->
            <div class="top" style="display: none;">
                <!--定义内容标签 p span a li img--->
                <span></span>
                <a href="">{$eyou.field.title}</a>
            </div>
            <div class="bottom">
                <!--定义内容标签 p span a li img--->
                <div class="left" style="text-align: center;">
                    <img src="{$eyou.field.litpic}" style="width:auto;height: 195px;"/>
                    <span><a href="">
                        {eyou:empty name='$eyou.field.qkmc' /}
                            {$eyou.field.title} <!-- seo标题为空时，显示常规标题 -->
                        {eyou:else /}
                            {$eyou.field.qkmc} <!-- 否则显示seo标题 -->
                        {/eyou:empty}
                    </a></span>
                </div>
                <div class="right">
                    <div class="row-1">
                        <span>
                            期刊名称
                        </span>
                        <a href="" style="width: 180px;">
                            {eyou:empty name='$eyou.field.qkmc' /}
                            {$eyou.field.title} <!-- seo标题为空时，显示常规标题 -->
                            {eyou:else /}
                            {$eyou.field.qkmc} <!-- 否则显示seo标题 -->
                            {/eyou:empty}
                        </a>
                        <span>国内刊号</span>
                        <a href="">{$eyou.field.gnkh}</a>

                        <span>级别</span>
                        <a href="" style="width: 80px;">{$eyou.field.jb}</a>
                       <!-- <span>影响因子</span><a href="">{$eyou.field.yxyz}</a>-->

                    </div>
                    <div class="row-1">
                        <span>主办单位</span>
                        <a href="" style="width: 180px;">{$eyou.field.zbdw}</a>

                        <span>主管单位</span>
                        <a href="" style="width: 405px;">{$eyou.field.zgdw}</a>

                    </div>
                    <div class="row-1">
                        <?php
                            //$lk = ['万方','维普'];
                            //$slzt = explode(',',$eyou['field']['slzt']);
                            //var_dump($eyou['field']['slzt']);
                            //$eyou.field.slzt 本身就是数组
                        ?>
                        <span style="margin-top: 0px;">收录状态</span>
                        <span style="width:600px;">
                            {eyou:foreach name='$eyou.field.slzt' item='field1'}
                            <a href="" class="tag">{$field1}</a>
                            {/eyou:foreach}
                        </span>
                        <!--<span>建议投稿</span>
                        <a href="">{$eyou.field.jytg}</a>--> <!--提前6个月-->

                    </div>
                    <div class="row-1" style="height:62px;">
                        <span>主要栏目</span>
                        <span style="width:575px;" class="zym">{$eyou.field.zylm}</span>
                    </div>
                    <!--<div class="row-1">
                    </div>-->
                    <div class="btn open_shangqiao">
                        <img src="https://oss.zc10000.com/static/images/058.svg" /><br/>
                        <a href="javascript:void(0);">快速投稿通道</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>